javascript - jQuery Easing 函数在这里不起作用

Question

文件引用(母版页):

    <script src="JavaScript/jquery-1.10.2.min.js"></script>
    <script src="JavaScript/jquery-ui.min.js"></script>
    <script src="JavaScript/JavaScript.js" type="text/javascript"></script>

HTML

<a href="#bookmark1" class="rightLinks">Go to 50s</a>
<a id="bookmark1" class="title">50s</a>

JavaScript.js 文件中的代码

 $(".rightLinks").click(function () {
    var id = $(this).attr('href');
    $('html,body').animate({ scrollTop: (($(id).offset().top) - 30) }, 300, "easeOutCubic");
});

当我删除 'easeOutCubic' 时，它完美地工作:

 $(".rightLinks").click(function () {
    var id = $(this).attr('href');
    $('html,body').animate({ scrollTop: (($(id).offset().top) - 30) }, 300");
});

但为什么不用缓动函数呢？

Answer 1

您必须在母版页中添加对 jQuery UI 1.10 的引用，就是这样!

您可以从这里下载http://jqueryui.com/download/