jquery - 保留在子文件夹中时找不到 CSS

Question

这是两种情况。场景一一切正常，场景二问题依旧，请检查场景:

Scenario 1: 
MasterPages: Main\MasterPages.master
Css        : Main\Theme\CSS\
Javascript : Main\Theme\Javascript\

JQuery Menu is loaded successfully

Scenario 2:
MasterPages: Main\MasterPages.master
Css        : Main\Theme\CSS\
Javascript : Main\Theme\Javascript\
Pages      : Main\Pages\Test.aspx(MasterPage is MasterPages.master)

JQuery menu is not loading in Test.aspx page

Please help....

Answer 1

这取决于您的 CSS/JS 文件在代码中的链接位置，以及要指定的路径。

如果链接在 test.aspx 中，那么您将使用以下内容:

<link rel="stylesheet" type="text/css" href="../../Theme/CSS/filename.css" />
<script type="text/javascript" src="../../Theme/Javascript/filename.js"></script>

但是，如果链接在母版页中，它们将是:

<link rel="stylesheet" type="text/css" href="Theme/CSS/filename.css" />
<script type="text/javascript" src="Theme/Javascript/filename.js"></script>

这是因为母版页与 Theme 文件夹位于同一目录中，因此不需要使用 ../ 向上导航层次结构。

或者，由于您使用的是 ASP.NET，因此您可以绝对引用路径:

<link rel="stylesheet" type="text/css" href="~/Main/Theme/CSS/filename.css" />
<script type="text/javascript" src="~/Main/Theme/Javascript/filename.js"></script>

这假设所有内容都包含在名为 Main 的文件夹中，该文件夹位于站点的根目录下。

更新:

看来您链接到它是正确的。接下来要做的是在 Chrome 中运行该站点，然后检查源代码以查看发生了什么:您可以找出外部文件(如 JS 脚本和 CSS 文件)是否实际被提供并加载到浏览器中等等在。我相信 Firefox 也有同样的作用，但我不使用它所以无法发表评论。否则，请将您的网站托管在我们可以看到的地方，我会查看并报告。