jquery - 子文件夹内 asp 页面中 Metro UI CSS 的下拉列表菜单不起作用

Question

我有一个问题。我在 C# 中有一个应用程序 asp.net，我将 Metro UI CSS 用于下拉列表菜单。我的问题是 Dropdownlist 菜单与母版页位于同一文件夹中的页面一起正常工作，但是当我将同一母版页与子文件夹中的 asp 页面一起使用时，Dropdownlist 菜单不起作用。

它在 Google Chrome 上给出错误:已提交加载资源，服务器响应状态为 404(未找到)。所有 .js 文件和 .css 都会出现此错误。

任何帮助将不胜感激。

这是我包含在母版页头部的脚本

<script src="Scripts/jquery-2.1.3.min.js"></script>
<script src="Scripts/jquery-ui.min.js"></script>
<script src="Scripts/js/jquery.min.js"></script>
<script src="js/docs.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.widget.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/metro.min.js"></script>


<link href="css/metro-bootstrap.css" rel="stylesheet" />
<link href="css/metro-bootstrap-responsive.css" rel="stylesheet" />
<link href="css/iconFont.css" rel="stylesheet" />
<link href="css/docs.css" rel="stylesheet" />
<link href="fonts/iconFont.dev.svg" rel="stylesheet"/>
<link href="fonts/iconFont.eot" rel="stylesheet"/>
<link href="fonts/iconFont.json" rel="stylesheet"/>
<link href="fonts/iconFont.svg" rel="stylesheet"/>
<link href="fonts/iconFont.ttf" rel="stylesheet"/>
<link href="fonts/iconFont.woff" rel="stylesheet"/>

<link href="fonts/" rel="stylesheet"/>
<link href="fonts/metroSysIcons.svg" rel="stylesheet"/>
<link href="fonts/metroSysIcons.ttf" rel="stylesheet"/>
<link href="fonts/metroSysIcons.woff" rel="stylesheet"/>

我的问题是我可以在母版页所在的主页面中的 .aspx 页面中使用下拉列表菜单，但是当我使用相同的母版页将另一个 .aspx 放在子文件夹中时，下拉列表菜单不起作用。我使用 Metro UI CSS。

感谢您的帮助。

Answer 1

使用 ResolveClientUrl。将所有的 js 文件放在一个文件夹中，并以这种方式将它们链接到母版页

<script src="<%: ResolveClientUrl("~/Scripts/jquery-2.0.3.min.js") %>" type="text/javascript"></script>

这也适用于 css 文件。

<link href="<%: ResolveClientUrl("~/css/metro-bootstrap.css") %>" rel="stylesheet" />