如何在jquery移动环境中设置两个选择菜单，并填充页面的宽度
如何在jquery移动环境中设置两个选择菜单，并填充页面的宽度
提问于 2012-02-21 23:55:27
我有两个选择按钮，我试图把他们并排和占用屏幕的宽度。我已经接近了使用网格，或将他们放在一个控制组。在栅格中，每个按钮占屏幕的50%，但它们不接触。在控制组中，选择按钮触摸，但我无法使它适合屏幕。以下是两个实现。这是js的小提琴，来展示我到目前为止所拥有的。
<div data-role="controlgroup" data-type="horizontal">
<select name="select_networks" id="select_networks">
<option value="1/1">Everyone</option>
<option value="2/1">Friends</option>
</select>
<select name="select_sort" id="select_sort">
<option value="1">Points</option>
<option value="2">New</option>
</select>
</div>
<div class="ui-grid-a">
<div class="ui-block-a"> <select name="select_networks" id="select_networks">
<option value="1/1">Everyone</option>
<option value="2/1">Friends</option>
</select></div>
<div class="ui-block-b">
<select name="select_sort" id="select_sort">
<option value="1">Points</option>
<option value="2">New</option>
</select></div>
</div> 回答 1
Stack Overflow用户
发布于 2012-02-22 03:59:32
使用navbar您可以这样做，只需确保它没有包装在content中
- http://jsfiddle.net/aFGxy/9/
HTML
<div data-role="page" id="contest" data-theme="a">
<div data-role="content">
</div>
<div data-role="navbar">
<ul>
<li>
<select name="select_networks" id="select_networks" data-corners="false">
<option value="1/1">Everyone</option>
<option value="2/1">Friends</option>
</select>
</li>
<li>
<select name="select_sort" id="select_sort" data-corners="false">
<option value="1">Points</option>
<option value="2">New</option>
</select>
</li>
</ul>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9387189
复制相关文章
相似问题
腾讯云开发者
