MVC 3 jquery renderbody <=> Header(_layout)

Question

所以这是我的问题： 我的 MVC 3 项目中有我的布局，其中包含所有 js 脚本：

<link runat="server" rel="shortcut icon" href="@Url.Content("~/Content/favicone/favicon.ico")" type="image/x-icon"/>
<link runat="server" rel="icon" href="@Url.Content("~/Content/favicone/favicon.ico")" type="image/ico"/>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.jcarousel.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.dimension.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.cookie.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/globalize.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/cultures/globalize.culture." + CurriculumVitae.Helpers.CultureHelper.GetCurrentCulture() + ".js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.custom.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    function mycarousel_initCallback(carousel) {....}</script>

但是只有我的默认视图可以使用这些脚本，当我进入另一个视图（在渲染体中）并且我需要使用一些 jquery 时，我需要重新实现脚本以使其工作：

@{ViewBag.Title = "Index";}
@section header{
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.custom.min.js")" type="text/javascript"></script>
    <script>
        $.fx.speeds._default = 1000;
        $(function () {
            $("#dialog").dialog({
                autoOpen: true,
                show: "blind",
                hide: "explode"
            });
            $("#opener").click(function () {
                $("#dialog").dialog("open");
                return false;
            });
        });
 </script>
}

<a id="opener" href="javascript:void();">test </a>
<div id="dialog" title="Basic modal dialog">
    <p>terst nmsdfnms dfds fsd f JQUERYYYYYYYYYYYYYY</p>
</div>

这只是一个开始......我的主题/文化还有其他问题......

问题在我网页的源代码中，我从 _layout（和“视图”）中找到了所有脚本，但没有 @section 标头，如果必须使用，即使是简单的 js 调用也不起作用我的标题中的脚本（_layout）

谢谢

Answer 1

我发现了我的问题：

1. 永远不要在同一个 Web 中重新实现或覆盖 jquery-1.7.1.min.js 页面，因为它会在每个 jquery 调用之间产生冲突。

2. 我使用 (jcarousel.js) 的一个脚本未正确设置（ initCallback 参数）。

谢谢大家;)

Answer 2

由于您没有在视图中指定布局，因此您可以尝试两件事。

确保您的“默认”布局在"~Views/_ViewStart.cshtml" 中正确配置：

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

您可以明确地设置您的视图所需的布局：

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}