我用一个工作的 JQuery 日期选择器制作了一个页面(ASP.NET MVC3 和剃刀视图)。或者至少在我使用themeswitcher 小部件切换主题之前它可以工作。切换主题后,我会调出日期选择器,小部件的标题如下:
Prev Next
August
...as usual...
不幸的是,在大约一秒钟之内,标题就损坏了;“上一个下一个”文本与左、右、上、下箭头的图像带叠加。日期选择器工作正常,但其标题是混乱的文本和图像。我想也许我自己的网站样式与 jquery 冲突,所以我完全删除了我的所有样式。然而问题依然存在。
当我将损坏的 datepicker 与jquery 站点上的示例进行比较时,我看到两个相同的箭头图像显示在标题中,在月份的两侧,如下所示:
<- August ->
所以我可以看到箭头是如何被渲染的。我还可以看到“Prev Next”字样从未出现。
为了看看这个例子是多么简单,这是我的 head 元素的样子:
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<script src="@Url.Content("~/Scripts/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("#MaxAge").datepicker();
$('#switcher').themeswitcher();
});
</script>
</head>
这些不良结果同时出现在 IE 9 和 Chrome 上。我究竟做错了什么?