2017-10-18 1 views
0

Je suis dans un peu d'une pincée parce que je ne suis pas un gars js, donc j'ai besoin d'aide ici.JS Manga Reader avec WordPress NoConflict JQuery

J'ai une page HTML/JS d'un lecteur de manga pour un site Web, maintenant le problème est que l'utilisation de JQuery régulière la page fonctionne très bien:

https://codepen.io/angcastillo59/pen/OxrgQd

Mais depuis fonctionne WordPress JQuery en mode noConflict i ont ceci:

https://codepen.io/angcastillo59/pen/GMPEzz

J'ai lu qu'utiliser cela, il devrait fonctionner, mais je suis soit en utilisant mal ou en utilisant certainement mal:

(function($) { js stuff })(jQuery); 

Comment faire pour que mes trucs js fonctionnent avec WordPress JQuery?

+0

vous pourriez simplement écrire jQuery au lieu de $. Exemple: jQuery (myElement) .on ('click', ...); –

+0

Vous avez raison, c'est la réponse, utilisé sur mes contrôles et cela a fonctionné. –

Répondre

0

C'est ainsi qu'ils formatent n'importe quel javascript ou jQuery pour la mise en file d'attente dans WordPress à partir du modèle de générateur Boilerplate. Fonctionne à chaque fois pour moi sans problème.

(function($) { 
    'use strict'; 

    $(function() { 
     /* Insert script here */ 
    }); 

})(jQuery); 
+0

Déjà essayé dans le stylo, ne fonctionne pas, aussi le code que j'utilise ne fait que faire la boîte de sélection, tout le reste ne fonctionne pas. –

+0

Vous ne pouvez pas vraiment tester ce code dans le CodePen car il ne sera pas imiter ce que fait WordPress. Testez-le sur une installation locale ou serveur de WordPress. D'autres choses à garder à l'esprit, c'est que le script nécessite jQuery, donc quand vous le mettez en file d'attente avec wp_enqueue_script(), il faut que la bibliothèque jQuery soit incluse dans ses dépendances. –

+0

J'ai et ça ne marche pas. –