Javascript 在Wordpress中使用jQuery scrollTop？

因此，我尝试使用jQuery动画制作一个带有wordpress主题的“滚动到顶部”按钮。我已经干了几个小时，运气不好。以下是JS的片段：

 < script type = "text/javascript" > (function ($) {
        $(document).ready(function () {
            $("#back-top").hide();
            $(function () {
                $(window).scroll(function () {
                    if ($(this).scrollTop() > 100) {
                        $('#back-top').fadeIn();
                    } else {
                        $('#back-top').fadeOut();
                    }
                });
                $('#back-top a').click(function () {
                    $('body,html').animate({
                        scrollTop : 0
                    }, 800);
                    return false;
                });
            });
        });
    });
(jQuery);
<  / script >

以下是我的标记：

<p id="back-top"><a href="#top">&uarr;</a></p>

值得注意的是，jQuery和其他垃圾在前面提到的JS代码前几行就被调用了

<script type='text/javascript' src='http://tambnguyen.com/wp-includes/js/prototype.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://tambnguyen.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://tambnguyen.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://tambnguyen.com/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

请告诉我我做错了什么。谢谢

使用

---

好极了！我能够对其他地方的一些代码片段进行反向工程。现在可以了

 <script type="text/javascript"> jQuery(function () {
        jQuery(document).ready(function () {
            jQuery("#back-top").hide();
            jQuery(function () {
                jQuery(window).scroll(function () {
                    if (jQuery(this).scrollTop() > 100) {
                        jQuery('#back-top').fadeIn();
                    } else {
                        jQuery('#back-top').fadeOut();
                    }
                });
                jQuery('#back-top a').click(function () {
                    jQuery('body,html').animate({
                        scrollTop : 0
                    }, 800);
                    return false;
                });
            });
        });
    });
</script>

jQuery（函数（）{
jQuery（文档）.ready（函数（）{
jQuery（“#back top”）.hide（）；
jQuery（函数（）{
jQuery（窗口）.滚动（函数（）{
if（jQuery（this）.scrollTop（）>100）{
jQuery（'#back-top'）.fadeIn（）；
}否则{
jQuery（'#back-top'）.fadeOut（）；
}
});
jQuery（“#返回顶部a”）。单击（函数（）{
jQuery（'body，html'）。动画({
滚动顶部：0
}, 800);
返回false；
});
});
});
});

---

无论如何，谢谢你的帮助：）

顺便说一句，我是从这里得到这个片段的。我不得不修改一些东西使它工作。可以肯定地说，我的JS技能几乎一无是处。您遇到了什么错误？你检查过你的控制台了吗？是的，是的。看起来在整个网页加载后，该函数的调用次数是总调用次数的两倍。我应该把它添加到其他地方吗？看起来你的最新版本也不起作用$（#back top a'）。单击（函数（事件）{event.preventDefault（）；$（'body，html'）。设置动画（{scrollTop:0}，800）；返回false；}）；？

 <script type="text/javascript"> jQuery(function () {
        jQuery(document).ready(function () {
            jQuery("#back-top").hide();
            jQuery(function () {
                jQuery(window).scroll(function () {
                    if (jQuery(this).scrollTop() > 100) {
                        jQuery('#back-top').fadeIn();
                    } else {
                        jQuery('#back-top').fadeOut();
                    }
                });
                jQuery('#back-top a').click(function () {
                    jQuery('body,html').animate({
                        scrollTop : 0
                    }, 800);
                    return false;
                });
            });
        });
    });
</script>