Personnalisé jQuery ne fonctionne pas sur WordPress, même si les autres chargés de fonctions jQuery sont travail

Je suis en utilisant WordPress 3.8.1. Je veux utiliser cette fonction pour utiliser le collant en-tête 

<script>
$(document).ready(function() {
    var $header = $("header"),
        $clone = $header.before($header.clone().addClass("clone"));

    $(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        console.log(fromTop);
        $("body").toggleClass("down", (fromTop > 200));
    });
});        
</script>

Mais il ne fonctionne pas pour moi et je ne sais pas pourquoi. Je sais que jQuery est partagé sur mon WordPress parce que Flexslider 2 est maintenant fonctionne bien.

  • Toute sortie sur le développeur de la console? Qu'entendez-vous par Flexslider 2 maintenant de travail.
  • je suis un nouveau programmeur ne sais pas sur console développeur , je pense que si la bibliothèque jquery n'avait pas de partager à mon wordpress flexslider ne fonctionnent pas
  • n' .sur() travail sur jquery que wordpress en utilisant ( je dois utiliser .live() à la place)
InformationsquelleAutor Beginner | 2014-02-22
  1. 13

    Ajouter ceci:

    var j = jQuery.noConflict();

    Maintenant, vous pouvez écrire votre code jQuery comme ceci:

    j(document).ready(function(){
    j('.class').event(function(){

      //your action............

    });
  });

    Suffit d'attribuer la noConflict() fonction à une variable, et d'utiliser cette variable au lieu de $ vu dans jQuery.

    InformationsquelleAutor Mayur Devmurari
  2. 3

    Ne pas avoir de jquery dans un script. Cela permettra de briser d'autres scripts dans wordpress.

    Faire un .fichier js et l'inclure dans votre functions.php fichier comme ceci.

    */**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array('jquery'), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );*

    Puis dans votre .fichier js envelopper votre code dans un Pas de Conflit wrapper. À l'aide de $() retournera pas défini autrement.

    jQuery(document).ready(function($) {
    var $header = $("header"),
        $clone = $header.before($header.clone().addClass("clone"));

    $(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        console.log(fromTop);
        $("body").toggleClass("down", (fromTop > 200));
    });
});
    • merci oui , je l'ai fait mais cela ne fonctionne toujours pas 🙁
    InformationsquelleAutor hyperdrive
  3. 1

    La fin de la partie ici, mais la bonne solution c'est:

    Comprendre que, dans WordPress, jQuery est chargé dans pas de conflit mode. Cela signifie que le $ variable est pas référencement jQuery.

    Mais, par la modification de votre script à utiliser une absence de conflit sûr document prêt, vous pouvez utiliser le $ à l'intérieur de la fonction.

    Modifier votre script comme suit:

    //original code - doesn't work, because $ is not jQuery in WordPress
//$(document).ready(function() {
//shorthand no-conflict-safe document ready:
jQuery(function($) {
    //Now $ is safe to use - it references jQuery within this doc ready function
    var $header = $("header"),
        $clone = $header.before($header.clone().addClass("clone"));

    $(window).on("scroll", function() {
        var fromTop = $(window).scrollTop();
        console.log(fromTop);
        $("body").toggleClass("down", (fromTop > 200));
    });
});
    InformationsquelleAutor cale_b
  4. 0

    Avez-vous essayé paramètre le fichier jquery dans votre en-tête (en supposant que vous avez le fichier jquery dans votre dossier de modèles, mais il peut être n'importe où, tant que vous le référencer correctement):

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js"></script>

    Exemple 

    $(document).ready(function(){
     $("#container").alert("blah");
     $(".goodshelf_ul li:first").css("border-top: none;");
     $(".custom_ul li:first").addClass("first");
     $("#footer .frame:last").css("margin: 0;");
     $("#footer .frame:last").addClass("last");
});

    J'utilise jquery sur tous mes sites wordpress et il fonctionne très bien
    espérons que cette aide.

    InformationsquelleAutor INDERJEET VASHISTA