web-dev-qa-db-fra.com

Appel de fichier JavaScript avec un plugin personnalisé

L'objectif est donc d'utiliser la validation jQuery pour un formulaire personnalisé. Peut-être que j'y vais à la dure. Mais voici ce que je fais:

  1. Chargement du fichier de validation jQuery dans mon dossier de thèmes
  2. Dossier de plug-in créé dans le fichier du plug-in
  3. Ajout du fichier php avec ce code:

    function custom_validation() {
    
    wp_enqueue_script('jquery');
    
    wp_register_script( 'jq-validation', get_template_directory_uri() . '/jquery.validation/jquery.validation.js', array('jquery'),'1',false );
    
    wp_enqueue_script( 'jq-validation' );
    
    }
    
    add_action( 'wp_enqueue_scripts', 'custom_validation' );
    

Et ça ne marche pas. J'essaie d'éviter d'ajouter:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>

Au fichier d'en-tête. Mais ça marche quand je fais ça.

Toute aide est appréciée.

1
simplesimon

WP charge jQuery en mode sans conflit. Le raccourci $ n'est pas disponible pour que jQuery puisse l'utiliser. Vous ne devez pas utiliser la variable $ pour jQuery au sein de WordPress.

jQuery(function ($) {
   //code here
})

ou

(function($){

    //code here

})(jQuery);

Il y a tellement de questions et réponses qui font référence au même problème de conflit.Vérifiez ceci et ceci .

2
bravokeyl