InstantClick のプリロードの詳細な説明-jsチュートリアル-php.cn

InstantClick のプリロードの詳細な説明

php中世界最好的语言

リリース： 2018-04-17 16:56:13

オリジナル

2085 人が閲覧しました

今回は、プリロードされた InstantClick の使用方法について詳しく説明します。プリロードされた InstantClick を使用する際の注意事項について、実際のケースを見てみましょう。

昨夜の変換中にコードのハイライトを実行できませんでした。正確に言うと、1 回だけ実行され、2 回目は実行されませんでした。そこで、それを説明する記事を書き、InstantClick のドキュメントをざっと読んだところ、主にブラックリスト領域の問題であることがわかりました。私の個人的な理解によれば、ブラックリストには主に 2 つの一般的なフィルタリングタイプが含まれており、1 つはタグ、もう 1 つは js です。その原則に従って、ブラックリスト領域は処理されません (通常の手動オープンに従ってロードおよびリフレッシュされます)。この種の非処理により、関連する構造体と JS が機能する可能性があります。。

したがって、InstantClick が実行されるときは、その quote ステートメントを確認してください:

<script type="text/javascript" src="<?php bloginfo(&#39;template_directory&#39;); ?>/js/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

ログイン後にコピー

ステートメント関数は、InstantClick 自体をフィルターで除外します。これは、実行後に通常どおりそれ自体を更新するのと同じです。

通常通りリフレッシュjsをロードします

ステートメント自体の data-no-instant パラメーターは、ステートメントが処理されず、構造のこの部分が通常どおりリフレッシュされることを意味します。したがって、他の JS を InstantClick で動作させたい場合は、JS 自体を更新する必要があります。コードを instantclick.min.js に書き込むか、data-no-instant パラメーターを使用して独立して参照することができます。独自の js を instantclick.min.js に書き込まない場合は、その 4 つのパラメーターを使用してリロードする必要があります。参考: http://instantclick.io/scripts

<script data-no-instant>
InstantClick.on('change', function() {
// 回调
});
InstantClick.init();
</script>

ログイン後にコピー

。タグ

InstantClick は、新しいウィンドウで開かれたタグを処理しません。また、data-no-instant パラメータを持つタグでラップされたタグも処理しません。 <p data-no-instant>这部分会按正常情况刷新</p>。

など最終的な要約: data-no-instant属性は、ページが切り替わるとき(通常の更新を意味する)、instantclickが要素を繰り返しロードするのを防ぐために使用されます。これは、スクリプト、スタイルタグ、または a タグで使用できます。つまり、リンクはインスタントクリックアクセラレーションを使用せずに通常の方法で開かれますが、p タグには役に立たないことを知っておく必要があります。

上記2点を理解すると扱いやすくなります。以前は本体全体で要求されるajaxとして理解されていました。つまり、未処理部分をbodyタグの外側に置くことも可能です。

私が個人的に気に入っているのは、非常に高速なキャッシングバックアンドフォワード機能であることは言及する価値があります。この記事を読む方法はもうマスターされたと思います。さらに興味をそそられる場合は、PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨書籍:

MathJaxやBaidu Statisticsなどと互換性を持たせるためのInstantClickの設定方法

jsを使ってiframeを操作してインターフェースの高さを変更する

ParticlesJSの使い方の詳細な説明

以上がInstantClick のプリロードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。