Question

我正在尝试使用scrollTo插件，但没有运气，我收到此错误

Object [object Object]没有方法'scrollTo'

脚本scrollTo包含在页面中......

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="~/Scripts/jquery.scrollTo-1.4.3.1.js"></script>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

我称之为

  $("#nav-next").click(function (e) {
        e.preventDefault();
        $("#slider").scrollTo(1300, 0);
    });

这就是Div我试图在其上应用滚动：

  <div id="slider">
<div class="static-panel" id="static-panel">

  .... Images here 
</div>

Answer 1

尝试更新此内容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
</script>//--^^^^^^---this

试试这个：

<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js">
</script>

可能是scrollTo插件的路径存在问题。

Answer 2

同时加载了2个Jquery版本的问题......

Asp.Net mvc默认模板添加2行

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)

这会加载jquery 1.7.1

scrollTo插件错误“对象[对象对象]没有方法'scrollTo'”

2 个答案: