0

私は asp.net mvc アプリケーションを開発しており、このテンプレートをアプリに使用しています。js および css リソースについては、URL.Content ヘルパー メソッドを使用しますが、問題は、テンプレートによって参照される css リソースがホーム/インデックス アクションでのみ読み込まれ、他のアクションに移動すると、ブラウザー コンソールにリソースが見つからないというメッセージが表示されることです。

これが私の_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>

クロム要素タブに表示されるものは次のとおりです。

<script src="/Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="/js/config.js"></script>
<script src="/js/skel.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/style-desktop.css">
<script src="/js/skel-panels.min.js"></script>
<style type="text/css"></style>
<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<noscript>

        &lt;link rel="stylesheet" href="/css/skel-noscript.css"/&gt;
        &lt;link rel="stylesheet" href="/css/style.css" /&gt;
        &lt;link rel="stylesheet" href="/css/style-desktop.css" /&gt;
    </noscript>

そして、これが私がブラウザのコンソールから得たエラーです:

GET http:///myapp/test/css/style-desktop.css 404 (Not Found) skel.min.js:1
GET http://myapp/test/css/style.css 404 (Not Found) skel.min.js:1
4

3 に答える 3

2

Alaasdk は正しいです。skelJS を使用する同様のテンプレートのほとんどには、次のようなものが付属しています。

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

js/config.js ファイルで。したがって、次のような URL を処理するコントローラーがある場合:

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

または同様に、次のような相対URLにのみ設定します

prefix: '/css/style'
于 2013-11-20T10:32:09.577 に答える
0

スニペットに含まれるスタイルシート リンクは<noscript>ブロック内にあり、javascript がオフになっているユーザーにのみ適用されます。

@marcus33cz と @alaasdk が指摘するように、config.js で相対パスを設定します。

最新バージョンの skel では、次のように init.js に設定します。

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
于 2015-02-24T22:10:22.137 に答える