JQuery DatePicker和ThemeRoller发生冲突

JQuery DatePicker and ThemeRoller Are Clashing

本文关键字:冲突 ThemeRoller DatePicker JQuery      更新时间:2023-09-26

我已经做了一个网页(ASP。. NET MVC3和razor视图)与一个工作的JQuery日期拾取器。或者至少在我用themeswitcher小部件切换主题之前,它是有效的。切换主题后,我打开日期选择器,小部件的标题是这样的:

Prev Next
August
...as usual...

不幸的是,在大约一秒钟内,标题被损坏;"上一页下一页"文本与左、右、上、下箭头的图像带叠加在一起。日期选择器工作正常,但它的标题是混乱的文本和图像。我想也许是我自己的网站样式与jquery相冲突,所以我完全删除了所有的样式。然而问题依然存在。

当我将破损的日期选择器与jquery站点上的示例进行比较时,我看到标题中显示了两个相同的箭头图像,分别位于月份的两侧,如下所示:

<- August ->

所以我可以看到箭头是如何被渲染的。我还可以看到"上一个下一个"这个词从来没有出现过。

下面是我的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>

这些不良结果出现在ie9和Chrome上。我做错了什么?

我知道这是一个老问题。我发现它是因为我也有同样的问题。主题切换器似乎与日期选择器不兼容。我删除了它,并添加了主题到我的网站,日期选择器开始正常显示。

我怀疑你必须将主题更新到你正在使用的jqueryui的相同版本,在我的情况下,主题切换器仍在提供最新版本