1

我的回旋处 Jquery 轮播插件有问题,我已经查看了这里的一些答案,但仍然无法解决问题。

所以我有一个轮播,我正试图将它应用于我的 MVC 4 应用程序,它包含在包中,如下所示:

  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 检查器中,当我打开标题标签时,我可以单击 roundabout.JS 文件并直接进入它,所以它必须很好地引用它,Jquery 也是如此,这是唯一需要的两个文件!

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

Chrome 检查器中的错误视图

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

非常感谢!

4

1 回答 1

0

好吧,伙计们,我似乎已经修好了。事实证明,MVC 4 在布局页面底部为您呈现(参考?)jquery,就在结束标记之前,如下所示:

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

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

希望这可以帮助任何有同样问题的人!

于 2013-03-05T15:14:58.430 回答