1

有人可以告诉我脚本应该放在我的布局页面上的确切方式吗?无论我采取什么方式,我都会遇到不同的错误,或者某些控件可以正常工作,而其他控件不能正常工作,或者我会遇到 javascript 错误。

我的布局页面是这样的:

<head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <title>Clients To Profits @ViewBag.Title</title>
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    @Styles.Render("~/Content/kendo")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/kendo")

    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
                </div>
                <div class="float-right">
                    <section id="login">
                        @Html.Partial("_LoginPartial")
                    </section>
                    <nav>
                        <ul id="menu">
                            <li>@Html.ActionLink("User", "Index", "UserView", new { area = "" }, null)</li>
                            <li>@Html.ActionLink("Home", "Index", "Home", new { area = "" }, null)</li>
                            <li>@Html.ActionLink("API", "Index", "Help", new { area = "" }, null)</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - Pauper To President, Inc.</p>
                </div>
            </div>
        </footer>

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

所有脚本都在顶部注册。但没有一个组合框被正确呈现,但日期选择器被正确呈现。当我在结束 body 标记之前在末尾注册 jquery 包时,没有一个控件正确呈现,并且我得到了所有这些 js 错误:

**Uncaught ReferenceError: jQuery is not defined kendo.all.min.js:12
Uncaught TypeError: Cannot read property 'jQuery' of undefined kendo.aspnetmvc.min.js:11
Uncaught ReferenceError: $ is not defined Create:61
Uncaught ReferenceError: jQuery is not defined Create:106
Uncaught ReferenceError: jQuery is not defined Create:116**

kendoUI 版本为1.9.1,但我实际上注册的是 jQuery 2.0.3。当我尝试使用 1.9.1 并在底部注册时,我收到以下错误:

GET http://localhost:7731/Scripts/kendo/2013.2.716/jquery.min.map 404 (Not Found)

更新 - 已解决 我最终创建了一个新项目。认为问题在于我有 Telerik MVC UI 扩展,KenduUI 不同并且不同版本存在冲突。启动了一个新的 KendoUI 项目,一切正常。从我的原始项目中添加了我的所有页面,所有 KendoUI 的东西仍然有效。

4

1 回答 1

0

在包含其他脚本(例如 Kendo)之前,您应该包含 jQuery。.map 错误是您只会在开发中看到的,据我所知,您可以忽略。

于 2013-09-19T15:06:20.243 回答