想要在每个 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');