jquery ui.css和js文件未应用于所有页面

时间:2015-07-29 06:15:28

标签: javascript html css asp.net

我正在使用Visual Studio。在我的项目中有一个布局文件,其中包含jquery ui.css和jquery-ui.js文件(路径正确且文件未损坏)。但它并没有将这些文件放在所有相应的文件中,例如: -

索引页面,联系我们以及我对上述css和js的使用是在很多文件中。 如果我将它们包含在该特定页面中,例如如果我包含在主页中,我只能在主页上看到预期结果,所有其他页面保持不变。

所以我的问题是:

为什么这些文件没有应用于所有页面,虽然我将它们保留在布局中?

我做了什么 - 我检查了所有路径,甚至检查了是否有任何错误链接了两次文件。

我的代码:

索引文件:

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

布局文件:

@{
    Layout = null;
}
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="~/js/jquery-ui.js"></script>
   <link href="~/Content/jquery-ui.css" rel="stylesheet" />
</head>

1 个答案:

答案 0 :(得分:1)

始终将CSS放在顶部。然后脚本文件。检查路径是否正确,文件是否包含在内。而且你还需要包含jQuery。

<head>
    <link href="~/Content/jquery-ui.css" rel="stylesheet" />
    <script src="path_to/jquery.js"></script>
    <script src="~/js/jquery-ui.js"></script>

</head>