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