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

想在每个wordpress网站页面上的wordpress插件中运行jQuery代码

1 个答案: