子文件夹内 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 放在子文件夹中时使用同一个母版页，下拉列表菜单不起作用。我用地铁 UI CSS.

感谢您的帮助。

Answer 1

使用ResolveClientUrl。将你所有的js文件放在一个文件夹中，然后link它们以这种方式进入母版页

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

这也适用于 css 个文件。

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

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

Dropdownlist menu of Metro UI CSS in asp page inside sub folder doesn't work

html

css

asp.net

jquery