2011-04-20 53 views
7

我們剛剛更新到JQuery 1.5.2.min和JQuery-ui-1.8.11.min,並且還使用最新的datepicker.js文件(我說文件,因爲我們也使用datepicker的一些本地化版本)。更新到最新的JQuery UI和datepicker導致datepicker總是被看到

我們更新之前,我們用下面的代碼初始化和使用的日期選擇器設置本地化

$.datepicker.setDefaults($.datepicker.regional['']); 

$('.datepicker').keypress(function() 
{ 
    $(this).datepicker('hide'); 
}); 

$('.datepicker').datepicker(); 
$('.datepicker').datepicker('option', $.datepicker.regional[widgetCulture]); 
$('.datepicker').datepicker('option', 'showAnim', ''); 
$('.datepicker').datepicker('setDate', new Date()); 

由於更新,當您滾動到屏幕底部使用日期選擇在那裏,你可以在下面的所有控件中查看它。它只是漂浮在那裏!一旦你點擊了與日期選擇器關聯的字段,它就會顯示在應該顯示的位置,然後再次出現在屏幕底部,直到刷新頁面。當我註釋掉除.datepicker()行以外的所有內容時,我所看到的只是一個灰色條,而不是整個日曆,這有點​​更好,我想(不是真的),但仍需要修復。上述代碼的任何其他行都會顯示整個日曆。這是非常令人沮喪的!

有人可以請說一說嗎?

+2

你更新了你的jQuery UI的CSS? – Patricia 2011-04-20 20:18:17

+0

我在1.8.10和1.8.13中都看到了這種行爲(我已經在兩種情況下都證實了我正在使用匹配的JS/CSS文件)。Bob PS我認爲現在jQuery UI中存在一些問題,因爲各種各樣的東西UI亮度主題與自定義下載和主題庫中的平滑度相同(如果雙擊左側的正確UI UI亮度預覽,則Smoothness出現在右側);還有很多其他的主題在下面顯示空白的'框架圖標'。有人打破了jQuery UI?:-D – Bob 2011-06-03 16:16:25

回答

5

我已經有一段時間這個相同的錯誤,只是今天晚上看到它。我不知道爲什麼會出現這個錯誤,但以下是我所做的消除屏幕上的視覺工件的方法。您創建日期選擇器(一個或多個)之後,執行以下命令:

$('#ui-datepicker-div').css('display','none'); 

警告:當我看到Safari所產生的DOM並通過創建日期選擇器中執行代碼,上面的代碼似乎什麼也不做dom,但它確實隱藏了屏幕上的視覺效果。

+0

擴大你的答案'$('#ui-datepicker-div')。hide();' – PseudoNinja 2016-03-02 16:43:41

4

我更喜歡用CSS解決這個問題:

#ui-datepicker-div { 
    display: none; 
} 
1

它發生在我身上還有,我有jQuery和基思 - 伍德日期選擇器(http://keith-wood.name/datepick.html)在相同的HTML庫。我嘗試使用上面提到的#ui-datepicker-div {display: none;},但它解決了問題,但它使Keith-Wood日期選取器也消失。

我使用的是jquery 1.8.2,jquery-ui.js(1.10.2),甚至主題也是1.10.2。所以我將jquery-ui和主題改回到與jquery.js相同版本的1.8.2。它解決了這個問題,灰色的線條不再出現。我認爲更好的解決方案是對所有jQuery庫使用相同的版本

+0

我有同樣的問題,如果你已經找到了一個解決方案,而不是降級jQuery,那麼請幫助我。這裏是我的問題的鏈接http://stackoverflow.com/q/25435290/2666522 – dishwasherWithProgrammingSkill 2014-08-21 20:34:15