Question

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

-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>

但我无法看到样式效果，不知道我的代码中有什么错误

Answer 1

你做错了很多事情：

首先，如果您正在使用捆绑（和缩小），则无需在捆绑包中包含*.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。此外，通常您会在_Layout.cshtml中呈现它们而不是在任何特定视图中，除非这些包仅适用于该视图。

无法加载Css

1 个答案: