jQuery Mobile水平選擇 - 最小寬度

Question

我無法弄清CSS給每個選擇按鈕一個最小或固定的寬度。默認情況下，寬度可以根據內容進行調整，但我希望有一個最小值。我有幾行，我希望它們在選擇更改時保持對齊。

對於非jqm選擇框也有類似的問題，其中解決方案只是簡單地設置寬度屬性，但在這裏不起作用。

這裏是的jsfiddle：

http://jsfiddle.net/btppS/

Answer 1

如果你想改變你的CSS內改變這一行標籤的寬度：如果你想

.ui-btn-text{ 
    width:300px; //example 
} 

相反改變選擇，當你點擊它，你可以嘗試使用jQuery的代碼：

$(document).ready(function() { 
$('#select-choice-month').css('width', '200px');//insert your width this is only for the month 
}); 

Answer 2

有時候$（document）.ready（..）在JQMobile中並不是真正的地方（請參閱Mark Dalgleish的好鏈接）。但要回答你的問題，因爲我有類似的問題，我用「pagebeforeshow」事件來做到這一點，因爲在我的情況下，「pagecreate」是不夠的事件樹。

所以我做了如下：

$('div[data-role=page]').live('pagebeforeshow',function(){ 
    $('.ui-select .ui-btn-text').css({'width':'60px'}); 
});