Asp.net mvc 3 带有skel.js和asp.net mvc相对内容的响应模板

我正在开发一个asp.net mvc应用程序，我使用我的应用程序模板。对于js和css资源，我使用URL.Content-helper方法，但问题是模板引用的css资源只在home/index操作中加载，当我转到其他操作时，浏览器控制台说它找不到资源

以下是我的_layout.cshtml中的内容：

<script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/config.js")"></script>
<script src="@Url.Content("~/js/skel.min.js")"></script>
<script src="@Url.Content("~/js/skel-panels.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<noscript>
    <link rel="stylesheet" href="@Url.Content("~/css/skel-noscript.css")"/>
    <link rel="stylesheet" href="@Url.Content("~/css/style.css")" />
    <link rel="stylesheet" href="@Url.Content("~/css/style-desktop.css")" />
</noscript>

---

您只需在“skel\u config”obj中设置“前缀”。到您的样式的正确路径

window._skel_config = {
    prefix: 'css/style',
};

---

您只需在“skel\u config”obj中设置“前缀”。到您的样式的正确路径

window._skel_config = {
    prefix: 'css/style',
};

---

Alaasdk是对的，大多数使用skelJS的类似模板都有如下内容：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

在他们的js/config.js文件中。因此，如果您有这样处理URL的控制器：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

或者类似，您只需将其设置为相对URL，如

prefix: '/css/style'

---

Alaasdk是对的，大多数使用skelJS的类似模板都有如下内容：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

在他们的js/config.js文件中。因此，如果您有这样处理URL的控制器：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

或者类似，您只需将其设置为相对URL，如

prefix: '/css/style'

---

代码段中的样式表链接位于

块中，仅适用于已关闭javascript的用户

正如@marcus33cz和@alaasdk所指出的，您在config.js中设置了相对路径

在最新版本的skel中，您可以在init.js中进行如下设置：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

---

代码段中的样式表链接位于

块中，仅适用于已关闭javascript的用户

正如@marcus33cz和@alaasdk所指出的，您在config.js中设置了相对路径

在最新版本的skel中，您可以在init.js中进行如下设置：

window._skel_config = {
    prefix: '/css/style'
}

domain/users/10
domain/category/subcategory/article-slug

global: { href: '/css/style.css', containers: 1400, grid: { gutters: ['2em', 0] } },
desktop: { media: '(max-width: 1680px)', href: '/css/style-desktop.css', containers: 1200 },
// and so on for all of your stylesheets

---

Hi找到答案只需在config.js中放入相对地址Hi找到答案只需在config.js中放入相对地址