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'}); 
});