javascript - WordPress 插件中的 jQuery

标签 javascript jquery wordpress

我正在制作一个 wordpress 插件,并在其中使用 jQuery,但它不起作用。
我的代码如下:
脚本.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);

  });

});

最佳答案

当您同时使用 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);

  });

});

关于javascript - WordPress 插件中的 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23385490/

相关文章:

javascript - HTML/Javascript - 360 度图片的路径更改(以显示不同的变化)

javascript - 使用 jquery 仅获取省略号文本

javascript - HTML5读取mp4的视频元数据

jquery - dlmenu 滚动不允许访问最后几个元素

jquery - 平滑这个 jQuery 切换动画吗?

javascript - 无法使用现有 Canvas 元素添加新 Canvas 元素

javascript - 使用轮播滚动浏览日期

javascript - Google Optimize : How to A/B test, 带和不带 Javascript 脚本

javascript - 如果 javascript 中的元素数量为奇数,我想定位网格的最后一项

javascript - 在设置更新时更新自定义 slider