2011-11-18 55 views
0

我用一個工作的JQuery datepicker製作了一個頁面(ASP.NET MVC3和剃刀視圖)。或者至少它工作,直到我切換我的主題與themeswitcher widget。隨着主題切換,我再調出日期選擇器,以及小部件有一個標題是這樣的:JQuery DatePicker和ThemeRoller衝突

Prev Next 
August 
...as usual... 

不幸的是在大約一秒鐘,標題被損壞; '上一個下一個'文本疊加了左,右,上,下箭頭的圖像功能區。 datepicker工作正常,但其標題是混亂的文字和圖像。我想也許我自己的網站風格與jquery衝突,所以我完全刪除了我的所有樣式。但問題依然存在。

當我比較我破碎的日期選擇器與sample on the jquery site,我看到兩個那些相同的箭頭圖像在標題顯示的,在這樣每月的兩側:

<- August -> 

所以我可以看到箭頭是爲了呈現。我也可以看到「Prev Next」字樣永不出現。

要查看此示例骨頭如何裸露的,這裏是我的頭元素是這樣的:在兩個IE 9和Chrome

<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> 

這些不好的結果出現。我究竟做錯了什麼?

回答

0

我知道這是一個老問題。我發現它是因爲我有同樣的問題。 Themeswitcher似乎與datepicker不兼容。我刪除它,並添加主題到我的網站和日期選擇器開始正確顯示。

我懷疑你必須將主題更新爲你使用的jqueryui的相同版本,而在我的情況下,themeswitcher仍然提供最後一個版本。