Ausführliche Erklärung zum Vorladen von InstantClick

Dieses Mal werde ich Ihnen eine detaillierte Erklärung zur Verwendung von vorinstalliertem InstantClick geben. Was sind die Vorsichtsmaßnahmen bei der Verwendung von vorinstalliertem InstantClick?

Die Code-Hervorhebung konnte während der Transformation letzte Nacht nicht ausgeführt werden. Um genau zu sein, wurde sie nur einmal und nicht beim zweiten Mal ausgeführt. Also habe ich einen Artikel geschrieben, um es zu erklären, und nachdem ich die InstantClick-Dokumentation grob gelesen hatte, stellte ich fest, dass es sich hauptsächlich um ein Problem mit dem Blacklist-Bereich handelte. Nach meinem persönlichen Verständnis umfasst die Blacklist hauptsächlich zwei gängige Filtertypen: einer ist ein Tag und der andere ist js. Gemäß seinem Prinzip wird der Blacklist-Bereich tatsächlich nicht verarbeitet (geladen und aktualisiert gemäß dem normalen manuellen Öffnen). Diese Art der Nichtverarbeitung kann dazu führen, dass die relevanten Strukturen und js funktionieren. .

Wenn also InstantClick ausgeführt wird, sehen Sie sich die -Referenz--Anweisung an:

<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>

Die Anweisungsfunktion filtert InstantClick selbst heraus, was einer normalen Aktualisierung nach der Ausführung entspricht.

js normal laden und aktualisieren

Der data-no-instant-Parameter der Anweisung selbst bedeutet, dass sie nicht verarbeitet wird und dieser Teil der Struktur normal aktualisiert wird. Wenn Sie also möchten, dass andere JS unter InstantClick funktionieren, müssen Sie den JS selbst aktualisieren. Sie können den Code in „instantclick.min.js“ schreiben oder den Parameter „data-no-instant“ verwenden, um ihn unabhängig zu referenzieren. Wenn Sie kein eigenes js in instantclick.min.js schreiben, müssen Sie zum Neuladen dessen vier Parameter verwenden: http://instantclick.io/scripts

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

ein Tag

InstantClick verarbeitet keine Tags, die in neuen Fenstern geöffnet werden, und verarbeitet auch keine Tags, die in Tags mit Daten-keine-Instant-Parametern eingeschlossen sind. Wie zum Beispiel <p data-no-instant>这部分会按正常情况刷新</p>。

Abschließende Zusammenfassung: Das data-no-instant-Attribut wird verwendet, um zu verhindern, dass Instantclick das Element wiederholt lädt, wenn die Seite wechselt (was bedeutet, dass es normal aktualisiert wird). Es kann in Skripten, Style-Tags oder in a-Tags verwendet werden, was bedeutet, dass der Link auf normale Weise ohne Instantclick-Beschleunigung geöffnet wird, aber es ist für p-Tags nutzlos, was Sie wissen müssen.

Es wird einfacher zu handhaben sein, wenn Sie die beiden oben genannten Punkte verstanden haben. Bisher dachten wir, es sei Ajax, was vom gesamten Körper angefordert wurde. Mit anderen Worten: Es ist auch möglich, den unbearbeiteten Teil außerhalb des Body-Tags zu platzieren.

Es ist erwähnenswert, dass mir persönlich die Caching-Vor- und Rückwärtsfunktion gefällt, die sehr schnell ist.

Ich glaube, dass Sie die Methode zum Lesen dieses Artikels beherrschen. Weitere spannende Artikel finden Sie auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So richten Sie InstantClick so ein, dass es mit MathJax- und Baidu-Statistiken usw. kompatibel ist.

Verwendung js zum Betreiben von iframe zum Ändern der Schnittstellenhöhe

Detaillierte Erläuterung der Verwendung von ParticlesJS

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Vorladen von InstantClick. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!