web-dev-qa-db-fra.com

Mélanger du Javascript régulier avec jQuery dans un plugin

Désolé pour une question simple.

J'apprends à propos des plugins. J'ai du javascript que je veux mettre dans un fichier jQuery dans mon plugin.

(J'ai jQuery et les scripts mis en file d'attente et ils fonctionnent bien).

Est-ce que je peux ajouter le javasvript à jQuery?

Donc, le fichier ressemblerait à ceci:

//regular javasript
 function do_something() {
  //do Something
}

jQuery.noConflict();

jQuery(document).ready(function() {
  //my jQuery stuff
}

Y a-t-il une bonne façon de faire cela ou est-ce que cela n'a pas d'importance? Si je mets d'abord mon code javascript (comme ci-dessus), cela fonctionne.

Si je mets le javascript dans jQuery en l'enveloppant dans jQuery (document) .ready (function () {}), alors ce n'est pas le cas.

Est-il possible d’ajouter du javascript régulier à la fonction jQuery ready? Des idées quant à pourquoi cela ne fonctionnerait pas? J'essaie d'apprendre.

plugin-developmentjqueryjavascript
1
Laxmidi

jQuery est un javascript régulier. C'est une bibliothèque js, ce qui ne signifie rien d'autre que le fait qu'il s'agisse d'une collection de fonctions js dans un objet. Par conséquent, avec votre terminologie, oui, il peut être mélangé.

Cela dit, appeler jQuery.noConflict(); est superflu, car la bibliothèque fournie par wordpress est chargée en mode noConflict.

Si quelque chose dans votre jQuery(document).ready(function() {...} ne fonctionne pas comme prévu, il y a probablement un problème avec ce code lui-même.

Vous pouvez modifier cela dans votre question et obtenir de l'aide ici, mais vu que vous avez un compte sur stackoverflow également, il serait peut-être préférable de Posez des questions js/jQuery non spécifiques à wordpress.

Pour arrondir cela: bien que vous puissiez déclarer des fonctions imbriquées dans js, il serait judicieux de les déclarer localement et de les garder ainsi hors de l’espace de noms global comme ceci:

jQuery(document).ready(function() {
    var yourFunc = function() {
        // do something
    };
    yourFunc();
});
4
Johannes Pille