jquery - 无法加载CSS

我在这样的内容中有一个文件夹

-Content
--jquery-ui-1.10.4.custom
--------------------------css
--------------------------smoothness
------------------------------------jquery-ui-1.10.4.custom.css
------------------------------------jquery-ui-1.10.4.custom.min.css
--------------------------js
--------------------------jquery-1.10.2.js
--------------------------jquery-ui-1.10.4.custom.js
--------------------------jquery-ui-1.10.4.custom.min.js

在我添加的BundleConfig.cs中

    bundles.Add(new StyleBundle("~/Content/jquery-ui-1.10.4.custom/css/smoothness").Include(
                "~/Content/jquery-ui-1.10.4.custom/css/smoothness/jquery-ui-1.10.4.custom.css",
                "~/Content/jquery-ui-1.10.4.custom/css/smoothness/jquery-ui-1.10.4.custom.min.css"
        ));

    bundles.Add(new ScriptBundle("~/Content/jquery-ui-1.10.4.custom/js").Include(
                "~/Content/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js",
                "~/Content/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js",
                "~/Content/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"

））；

最后在代码中我试图做类似的事情

@{
    ViewBag.Title = "Index";

    @Styles.Render("~/Content/jquery-ui-1.10.4.custom/css/smoothness/jquery-ui-1.10.4.custom.css")
    @Scripts.Render("~/Content/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js")
    @Scripts.Render("~/Content/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js")
}

<h2 class="demoHeaders">Tabs</h2>
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
    <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>

但我看不到样式效果，不知道我的代码有什么问题

最佳答案

您做错了很多事情：

首先，如果您使用捆绑（和缩小），则无需在捆绑包中包含文件的*.min.*版本。只是跳过那些。

其次，在您看来，您实际上并没有渲染捆绑商品-名称是错误的。您应该使用在BundleConfig中设置的捆绑包名称。另外，您无需在.Render()块内调用@{ ... }。尝试这个：

@{
    ViewBag.Title = "Index";
}
@Styles.Render("~/Content/jquery-ui-1.10.4.custom/css/smoothness")
@Scripts.Render("~/Content/jquery-ui-1.10.4.custom/js")

为了提高可读性，建议您为捆绑软件命名，例如~/Content/styles和~/Content/scripts。此外，通常除非在这些捆绑包仅应用于该视图，否则通常不会在任何特定视图中呈现它们。

关于jquery - 无法加载CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23257485/