ホームページ > 記事 > ウェブフロントエンド > InstantClick のプリロードの詳細な説明
今回は、プリロードされた InstantClick の使用方法について詳しく説明します。プリロードされた InstantClick を使用する際の 注意事項 について、実際のケースを見てみましょう。
昨夜の変換中にコードのハイライトを実行できませんでした。正確に言うと、1 回だけ実行され、2 回目は実行されませんでした。そこで、それを説明する記事を書き、InstantClick のドキュメントをざっと読んだところ、主にブラックリスト領域の問題であることがわかりました。私の個人的な理解によれば、ブラックリストには主に 2 つの一般的なフィルタリング タイプが含まれており、1 つはタグ、もう 1 つは js です。その原則に従って、ブラックリスト領域は処理されません (通常の手動オープンに従ってロードおよびリフレッシュされます)。この種の非処理により、関連する構造体と JS が機能する可能性があります。 。
したがって、InstantClick が実行されるときは、その quote ステートメントを確認してください:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/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 サイトの他の関連記事を参照してください。