jQuery dans Wordpress plugin

Question

Je fais un plugin wordpress et j'utilise jQuery, mais ça ne marche pas.
Mon code est ci-dessous:
script.js:

$(document).ready(function(){ 

    $(window).scroll(function() { 

    if($(this).scrollTop() != 0) { 
     $("#toTop").fadeIn("slow");  
    } 

    else { 
     $("#toTop").fadeOut("slow"); 
    } 

    }); 

    $("#toTop").click(function() { 
    $("body,html").animate({scrollTop:0},1000); 

    }); 

}); 

Answer 1

Lorsque vous travaillez avec jQuery et php ensemble, vous devez utiliser jQuery $ no.conflict(). votre code ressemblera à ceci:

jQuery(document).ready(function($){ 

    jQuery(window).scroll(function() { 

    if(jQuery(this).scrollTop() != 0) { 
     jQuery("#toTop").fadeIn("slow");  
    } 

    else { 
     jQuery("#toTop").fadeOut("slow"); 
    } 

    }); 

    jQuery("#toTop").click(function() { 
    jQuery("body,html").animate({scrollTop:0},1000); 

    }); 

}); 

Answer 2

Le signe dollar est réservé dans WordPress pour la bibliothèque Prototype, donc utiliser jQuery au lieu de $

jQuery(document).ready(function(){ 

    jQuery(window).scroll(function() { 

    if(jQuery(this).scrollTop() != 0) { 
     jQuery("#toTop").fadeIn("slow");  
    } 

    else { 
     jQuery("#toTop").fadeOut("slow"); 
    } 

    }); 

    jQuery("#toTop").click(function() { 
    jQuery("body,html").animate({scrollTop:0},1000); 

    }); 

}); 

Answer 3

Utilisez jQuery comme ceci: -

jQuery(document).ready(function($){ 

    $(window).scroll(function() { 

     if($(this).scrollTop() != 0) { 
      $("#toTop").fadeIn("slow"); 
     } else { 
      $("#toTop").fadeOut("slow"); 
     } 
    }); 

    $("#toTop").click(function() { 

     $("body,html").animate({scrollTop:0},1000); 

    }); 
}); 

espère que cela peut fonctionner.