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