WordPress插件中的jQuery

Question

我正在制作一個wordpress插件，並且在其中使用jQuery，但無法正常工作。
我的代碼如下：
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

WordPress在Prototype庫中保留了美元符號，因此請使用jQuery而不是$

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

當您同時使用jQuery和php時，應使用jQuery $ no.conflict（）。 您的代碼將如下所示：

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

像這樣使用jQuery ：-

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);

    });
});

希望它可以工作。