Visual Studio MVC 不会加载一些 javascript 文件答案

【问题标题】：Visual Studio MVC wont load some javascript filesVisual Studio MVC 不会加载一些 javascript 文件
【发布时间】：2013-07-09 11:17:50
【问题描述】：

我刚开始一个新项目File > ASP.NET MVC 4 Web Application > Internet Application

我遇到的问题是当我运行项目时它会抛出错误Uncaught TypeError: Object [object Object] has no method 'splitter' 我知道错误的含义，但是 SPLITTER 的插件文件已正确加载。

然后我在没有 Visual Studio 帮助的情况下在一个文件夹中启动项目 - 相同的文件结构，相同的代码，一切都按预期工作。

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="splitter.js"></script>
    <script type="text/javascript">
        $(function () {
             $(".panel").splitter();
         });

     </script>

我错过了什么吗？

【问题讨论】：

@Cybermaxs-Betclic 它不是 404，在 Visual Studio 上找不到 splitter.js 中的方法
Visual Studio 不加载任何内容。你的浏览器可以。不同之处在于 Visual Studio 在调试模式下启动浏览器，当您在没有它的情况下启动浏览器时，浏览器不会这样做。错误仍然发生，您只是看不到它。检查 JavaScript 控制台以查看。
@MystereMan 控制台？嗯，哇，我怎么没想到——爱因斯坦！ ://

标签： jquery asp.net-mvc jquery-plugins visual-studio-2012

【解决方案1】：

如果错误出现在 Visual Studio 中，则需要将 splitter.js 文件添加到 _references.js 文件中。这就是 VS 知道要检查哪些 Js 文件的方式。

What is the _references.js used for?

【讨论】：

【解决方案2】：

嘿，尝试在共享文件夹下的“_Layout.cshtml”中调用您的所有脚本，并将您的脚本添加到文件夹“脚本”

然后在 _Layout.cshtml 中这样说：

<script src="@Url.Content("~/Scripts/splitter.js")" type="text/javascript"></script>

因此，在您的所有视图中，脚本已加载并且应该正确加载！

更新：
在您看来尝试：

$(document).ready(function () {
    $(".panel").splitter();
    window.splitter();         <------ try
});

【讨论】：

【解决方案3】：

好的，问题是 $().ready(function () {... 在使用几个 jQuery 插件时，有些插件现在使用 $ 作为其他东西（即：变量或某物的实例）

<script type="text/javascript">
   $(function () {
        $(".panel").splitter();
    });
</script>

不知何故，$ 不在其原生 jQuery 状态。所以为了确保我使用它，因为我知道它（原生 jQuery 方式）它必须被传递给函数，就像这样......

jQuery(function ($) {...

所以 Visual Studio 不是问题 :)

（我的术语有点生疏，请随意编辑以使其有意义）

【讨论】：