Explication détaillée du préchargement d'InstantClick

Cette fois, je vais vous apporter une explication détaillée de l'utilisation d'InstantClick préchargé. Quelles sont les précautions lors de l'utilisation d'InstantClick préchargé. Voici un cas pratique, jetons un coup d'œil.

La mise en évidence du code n'a pas pu être exécutée lors de la transformation d'hier soir. Pour être précis, elle n'a été exécutée qu'une seule fois et non la deuxième fois. J'ai donc écrit un article pour l'expliquer, et après avoir lu grossièrement la documentation d'InstantClick, j'ai découvert qu'il s'agissait principalement d'un problème de zone de liste noire. D'après ma compréhension personnelle, la liste noire comprend principalement deux types de filtrage courants, l'un est une balise et l'autre est js. Selon son principe, la zone de liste noire n'est pas traitée (chargée et rafraîchie selon l'ouverture manuelle normale). Ce type de non-traitement peut faire fonctionner les structures et js concernés. .

Ainsi, lorsque InstantClick est exécuté, regardez son instruction référence  :

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

L'instruction filtre InstantClick lui-même, ce qui équivaut à s'actualiser normalement après l'exécution.

Charger et actualiser js normalement

Le paramètre data-no-instant de l'instruction elle-même signifie qu'elle ne sera pas traitée et que cette partie de la structure sera rafraîchie normalement. Donc, si vous souhaitez que d'autres js fonctionnent sous InstantClick, vous devez actualiser le js lui-même. Vous pouvez écrire le code dans instantclick.min.js, ou vous pouvez utiliser le paramètre data-no-instant pour le référencer indépendamment. Si vous n'écrivez pas votre propre js dans instantclick.min.js, vous devez utiliser ses quatre paramètres pour recharger Référence : http://instantclick.io/scripts

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

. une étiquette

InstantClick ne traite pas les balises ouvertes dans de nouvelles fenêtres, ni les balises enveloppées dans des balises avec des paramètres de données sans instant. Tel que <p data-no-instant>这部分会按正常情况刷新</p>。

Résumé final : L'attribut data-no-instant est utilisé pour empêcher instantclick de charger l'élément à plusieurs reprises lorsque la page change (c'est-à-dire s'actualiser normalement). Il peut être utilisé dans un script, des balises de style ou dans des balises a, ce qui signifie que le lien sera ouvert normalement sans accélération instantanée du clic, mais il est inutile pour les balises p, que vous devez connaître.

Ce sera plus facile à gérer une fois que vous aurez compris les deux points ci-dessus. Auparavant, nous pensions que c'était ajax et qu'il était demandé par tout le corps. Autrement dit, il est également possible de mettre la partie non traitée en dehors de la balise body.

Il convient de mentionner que j'aime personnellement sa mise en cache fonction d'avant et d'avant, qui est très rapide.

Je pense que vous maîtrisez la méthode de lecture de cet article. Pour plus de passionnant, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Comment configurer InstantClick pour qu'il soit compatible avec les statistiques MathJax et Baidu, etc.

Utiliser js pour faire fonctionner iframe pour changer la hauteur de l'interface

Explication détaillée de l'utilisation de ParticlesJS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!