使用jquery從css類中刪除'寬度'

Question

我正在處理jQuery UI DatePicker。當我使用changeMonth和changeYear屬性時，月份和年份select控件看起來很奇怪。我想用一個空間，讓他們彼此相鄰

我使用的開發工具挖一點，發現它雖然我的CSS寬度固定爲49％

隨身攜帶的文件，我不應該改變它的任何部分。

我嘗試了幾個解決的......

我創建了一個名爲widthClass

.widthClass{ 
    width : '0px !important'; 
} 

把它添加到一個月控制器

$('.ui-datepicker-month').addClass('widthClass'); 

第二種方法是一流的，

$('.ui-datepicker-month').css('width', ''); 

但他們都沒有給出正確的結果。幫我...

這是我的控制器應如何樣子......

UPDATE：

我能夠修改月份和年份控制寬度通過將.click()處理程序添加到文本字段。我能夠看到o/p的願望。但是當我點擊日期選擇器中的任何其他導航控件時，它正在重置並且看起來像舊的那樣。

我在.click()通話所做的是..

$("<text-field-class>").click(function(){ 
    $('.ui-datepicker-month, .ui-datepicker-year').css('wdith', '30%'); 
}); 

如何保持這種應用的樣式永久，即使我用下一個/上/今天控制？

Answer 1

我在我的應用程序中正在使用的頁面添加了正確的DOCTYPE。這已經自動調整了彼此相鄰的下拉菜單。此外，它解決了控制的另一個問題。

Answer 2

嘗試

$('.ui-datepicker-month').css('width', 'auto'); 

Answer 3

嘗試與衆不同的解決方案或

$('.ui-datepicker-month').css('width', '0px !important'); 

Answer 4

你可以參考和實驗http://jqueryui.com/demos/datepicker/#dropdown-month-year

有在鏈路現場演示。還有一個Theming選項卡來定製您的日期選擇器。同時檢查你的頁面CSS來檢查CSS衝突。