我正在尝试在我的一个WebUserControl中包含一个datepicker。 javascript工作正常,但我无法设法加载CSS。
我的css文件组织如下:
我的脚本和样式表如下所示:
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<script src ="js/datepicker.js"></script>
<link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet"/>
在jquery-ui-1.10.3.custom.css中,图像按如下方式加载:
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
结果如下:
intead of:
正如您所看到的,javascript按预期工作但css将无法加载。我已经使用chrome调试工具检查了应用的样式,并且样式永远不会加载到文本框中。当我从Microsoft CDN加载jquery时它工作得非常好但是我觉得将文件放在我的服务器上更合适。
我100%确定我的图片和css文件存在于项目的文件夹中。我试图在我的链接上使用相对路径(带“〜”)和属性runat =“server”但到目前为止没有任何工作。任何帮助都会很棒。