Solution parfaite au problème du préchargement d'InstantClick

Cet article présente principalement la solution au problème de préchargement d'InstantClick. L'éditeur pense que c'est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil

Lors de la transformation d'hier soir, la mise en évidence du code n'a pas pu être exécutée pour être précis, elle n'a été exécutée qu'une seule fois et non exécutée 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 de 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 par elle-même, cela équivaut à se rafraîchir normalement après l'exécution.

Charger et actualiser js normalement

Le paramètre data-no-instant de l'instruction elle-même signifie ne pas la traiter et actualiser cette partie de la structure 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 le recharger. Référence : http://instantclick.io/scripts

<🎜. >

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

une balise

InstantClick ne traite pas les balises ouvertes dans de nouvelles fenêtres et a également des données sans instant La balise a enveloppée sous le paramètre la balise ne sera pas traitée. Par exemple,

<p data-no-instant>这部分会按正常情况刷新</p>。

Résumé final : l'attribut

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 les balises de script et de style, et peut également être placé dans les 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, qui doivent être connues. data-no-instant

Ce sera facile à gérer une fois que vous aurez compris les deux points ci-dessus, nous pensions que c'était ajax et que c'était demandé par tout le corps. En d’autres termes, 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 fonction de cache en arrière et en avant, qui est très rapide.

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!