javascript - .animate() 无法在 WordPress 网站上运行

Question

我正在尝试在与页面上的 hashbang 链接关联的滚动上使用动画效果。

当我在常规网站上使用它时，它工作得很好。

当我尝试在 WordPress 网站上使用它时，它不会动画，它只是跳转到 DIV 而不是滚动。

jQ 代码(尝试将其放在头部、正文和页脚中(没有区别):

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash,
    $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});
});
</script>

这是我当前的 JQuery 版本，以防出现问题？

jquery.js?ver=1.11.0

jquery-migrate.min.js?ver=1.2.1

这可能是 wordpress 排队脚本的顺序吗？

任何想法，因为我在这里拉扯我的头发!

Answer 1

尝试换行(function($){//your content })(jQuery);

(function($){
    $(document).ready(function(){
        $('a[href^="#"]').on('click',function (e) {
            e.preventDefault();
            var target = this.hash,
            $target = $(target);

            $('html, body').stop().animate({
                'scrollTop': $target.offset().top
            }, 900, 'swing', function(){
                window.location.hash = target;
            });
        });
    });
})(jQuery);