javascript - MVC 4 应用程序的 Jquery Carousel 问题

Question

我的循环 Jquery 轮播插件有问题，我已经浏览了这里的一些答案，但仍然无法解决问题。

所以我有一个轮播，我试图将其应用到我的 MVC 4 应用程序，它包含在 bundle 中，如下所示:

  public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                    "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));
        bundles.Add(new ScriptBundle("~/bundles/jquerycarousel").Include(
                    "~/Scripts/jquery.roundabout.js"));

这链接到我的 _layout 页面，如下所示:

  @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jquerycarousel") 
        <script>
        $(document).ready(function () {
            $('ul').roundabout();
        });

我已经尝试过不使用捆绑(即使用基本 HTML 的 IE)以及直接渲染到脚本源的脚本)，但问题仍然存在!

错误是:

Uncaught TypeError: Object [object Object] has no method 'roundabout'

然而，在 chrome 检查器中，当我打开 header 标签时，我可以单击 roundabout.JS 文件并直接转到它，所以它必须很好地引用它，这对于 Jquery 也是如此，这是唯一的两个需要文件!

下面的图片显示了两个“可链接”脚本文件和文档就绪脚本。

Javascript 不是我的强项:(所以任何帮助将不胜感激。

非常感谢!

Answer 1

好的，伙计们，我似乎已经修复了它。事实证明，MVC 4 在布局页面底部的结束标记之前为您渲染(引用？)jquery，如下所示:

 @Scripts.Render("~/bundles/jquery")

由于某种原因导致它无法工作，我已将其删除并将我的脚本渲染版本保留在标签的顶部，这似乎已经解决了问题。

希望这对遇到同样问题的人有所帮助!