Question

在其他任何事情之前，让我说我在这里看了其他类似的问题，我仍然无法弄明白。

我正在尝试使用我在网上找到的this free template使用.NET MVC（razor）构建一个网站。

我做的是用模板的html代码替换我的Index.chstml视图的所有标记。将所有脚本和css文件移动到我的解决方案中的相应文件夹，并更改html以根据需要正确引用新路径。

不用说原始模板完美无缺。但由于某种原因，我真的无法弄清楚我得到了错误：

     Uncaught TypeError: owl.owlCarousel is not a function

我查看了开发人员工具（chrome），并且有些文档，所以我唯一能想到的是与加载顺序相关的东西。当然我没有改变它，所以我想知道剃刀是否以某种方式做到了。

这是我的脚本加载部分的样子：

<script src="@Url.Content("~/Scripts/modernizr-2.6.2.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.waypoints.min.js")"></script>
<script src="@Url.Content("~/Scripts/owl.carousel.min.js")"></script>
<script src="@Url.Content("~/Scripts/main.js")"></script>

问题发生在main.js中，就在这里：

    owl.owlCarousel({
        items: 1,
        loop: true,
        margin: 0,
        responsiveClass: true,
        nav: true,
        dots: true,
        autoHeight: true,
        smartSpeed: 500,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        navText: [  
          "<i class='icon-arrow-left2 owl-direction'></i>",
          "<i class='icon-arrow-right2 owl-direction'></i>"
        ]
    });

提前感谢所有人。

Answer 1

嗯，我觉得有点惭愧，但看起来这只是模板使用的脚本之间的冲突，默认情况下包含MVC razor。

我在布局部分视图中对此进行了评论：

@ @ Scripts.Render（＆＃34;〜/束/的jquery＆＃34） @ Scripts.Render（＆＃34;〜/束/自举＆＃34） @

瞧，瞧！我意识到我的代码加载了比原始模板更多的脚本。

谢谢大家。

未捕获的TypeError：owl.owlCarousel不是函数

1 个答案: