4

我有一个 ASP .Net MVC4 Web 应用程序。在其中我有我常用的 _Layout.cshtml html，它依次加载默认的 Home/Index。一切正常。

在我的索引中，我还加载了部分视图。这也很好。没有问题。

我正在使用来自以下站点的 UI 工具：

http://www.keenthemes.com/preview/index.php?theme=metronic

问题是它似乎主要是 HTML4 并且不是为开箱即用的 MVC 设计的，所以我不得不稍微调整它以使其以我想要的方式工作。（除了任何非常基本的东西之外没有什么）。例如，将一部分移出索引并使用 Renderbody() 加载它，因此实际的 html 结构永远不会改变。我已经这样做了一百万次，以确保我没有遗漏任何结束标签或任何其他可能导致我的问题的东西。

到目前为止，完全没有问题。一切都按原样加载。

我继续创建第二个视图及其部分以提取站点的其他部分。像往常一样，婴儿先一步。在提取任何其他代码之前，我只是在第一页中使用了一点“Hello World”，并在部分中使用了一个类似的字符串以确保它正常工作。它是。

现在，当我输入 url Home/ActionName 时，整个事情会按原样重新加载，但看起来很糟糕。我收到此错误消息：

0x800a1391 - JavaScript 运行时错误：“jQuery”未定义

下面是我的代码，它清楚地定义了它：

<!-- BEGIN CORE PLUGINS -->
<script src="assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>
<script>
    jQuery(document).ready(function ()
    {
        App.init(); // initlayout and core plugins
        _Layout.init();
        _Layout.initJQVMAP(); // init index page's custom scripts
        _Layout.initCalendar(); // init index page's custom scripts
        _Layout.initCharts(); // init index page's custom scripts
        _Layout.initChat();
        _Layout.initDashboardDaterange(); //Red date range
        _Layout.initIntro(); //Pop up messages
    });
</script>

当我看到消息时，它指向 jQuery(document).ready 部分。

同样，当我正常加载页面时，它工作正常。当我自己键入 Home 时，它​​工作正常。只有当我键入 Home/AnythingElse 时，它​​才会给出此错误消息。即使我键入 Home/ 应该加载到索引文件中，它也会给我这个错误消息。

jQuery 已定义，那么为什么会在回发时发生这种情况？

任何帮助表示赞赏。

4

3 回答 3

9

尝试将 jQuery 的 src 设置为站点根目录中的绝对值：

<script src="/assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>

请注意/之前assets- 当您的 src 路径不以 a 开头时/，浏览器将尝试加载相对于当前路径的资产，因此在您的示例中，当您添加斜杠时Home，它将尝试从Home/assets/plugins/...

于 2013-04-11T12:48:35.293 回答
1

对我来说，MVC捆绑器引起了问题（在我的例子中是 ui 捆绑器）

这是对我有用的订单。

    <script src="/Scripts/modernizr-2.5.3.js"></script>
    <script src="/Scripts/jquery-1.7.1.js"></script>
    <script src="/bundles/jquery-ui"></script>
    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>
于 2014-03-19T23:47:22.477 回答
0

您需要在 validate.js 之前先添加 jquery-x.xx.x.js 像这样

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
于 2016-03-11T16:01:01.443 回答