Question

我用一个有效的JQuery datepicker创建了一个页面（ASP.NET MVC3和razor视图）。或者至少它可以工作，直到我用themeswitcher widget切换我的主题。随着主题切换，我然后调出日期选择器，小部件的标题如下：

Prev Next
August
...as usual...

不幸的是，在大约一秒钟之内，标题就会被破坏; “上一个下一个”文本与左，右，上，下箭头的图像色带叠加。 datepicker工作正常，但其标题是混乱的文本和图像。我想也许我自己的网站样式与jquery冲突，所以我完全删除了所有的样式。但问题仍然存在。

当我将破碎的日期选择器与sample on the jquery site进行比较时，我看到两个相同的箭头图像显示在标题中，在这个月的任何一侧都是这样的：

<- August ->

所以我可以看到箭头是如何渲染的。我也可以看到“Prev Next”这个词永远不会出现。

要了解这个例子的骨架是什么，这是我的头部元素的样子：

<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都会出现这些糟糕的结果。我做错了什么？

Answer 1

我知道这是一个老问题。我发现它是因为我遇到了同样的问题。 Themeswitcher似乎与datepicker不兼容。我删除了它并将主题添加到我的网站，并且datepicker开始正常显示。

我怀疑您必须将主题更新为您正在使用的相同版本的jqueryui，在我的情况下，themeswitcher仍在提供上一版本。

JQuery DatePicker和ThemeRoller发生了冲突

1 个答案: