javascript - MVC4 部分 View javascript 捆绑问题

Question

我正在使用 visual studio 11 开发一个 ASP.net 4, MVC4(RC) 项目。我正在尝试渲染呈现局部 View 的 MVC4 Razor View 。我的局部 View 需要一些 javascript。在我的局部 View 中，当我如下所示将我的 javascript 包含在脚本部分时，它似乎没有加载。

@section Scripts {
    <script type="text/javascript">
        $(function () {
            alert("test");
        });
    </script>
}

如果我删除脚本部分，它会失败，因为在文档就绪代码运行时 jquery 库(在我的 _Layout.cshtml 页面上捆绑和呈现)尚未加载。

<script type="text/javascript">
    $(function () {
        alert("test");
    });
</script>

_加载jquery库的布局页面代码

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

有谁知道这个问题的解决方案，还是我只是以错误的方式解决了这个问题？它让我头疼!!

Answer 1

不要将脚本包装在 document.ready 中:

@section Scripts {
    <script type="text/javascript">
        alert("test");
    </script>
}

啊，不要把脚本放在局部。 Javascript 代码应该放在单独的 javascript 文件中。如果您想在部分加载时执行一些 javascript，您只需将此脚本外部化为一个可重用的函数/插件，您在加载部分后调用该函数/插件。