javascript - 想要在每个 WordPress 站点页面上的 WordPress 插件中运行 jQuery 代码

Question

我正在尝试制作一个 WordPress 插件，当我激活插件时，它将运行 jQuery 脚本，我的 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);
});


});

请告诉我 WordPress 插件代码，当我激活插件时，该代码将在每个 WordPress 网站页面上运行此查询。

Answer 1

要在每个页面的页脚插入js，尝试一下；

<?php
function myJScript(){
// echo js here, or output it like below..
?>
<script>
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);
  });
});
</script>
<?php
} // end function

// call function myJScript in the footer of every page
add_action('wp_footer', 'myJScript');