带有字段集全宽按钮的 Jquery 移动搜索框

Question

为了在搜索字段的右侧放置一个搜索按钮，我进行了很多搜索。在没有这么多 hack 的情况下很难找到一个好的解决方案。

我见过的唯一一个好的解决方案是在一个包含 2 列的字段集中：

http://jsfiddle.net/nXHNg/1/

<fieldset class="ui-grid-a">
    <div class="ui-block-a"><input type="search" id="searchField" data-inline="true" placeholder="Search"></div>
    <div class="ui-block-b"><input id="btnUpdateWhat" type="button" data-inline="true" value="OK" data-mini="true"></div>       
</fieldset>

这里的问题是文件集的宽度不全。此时它不像列表视图中的下面元素那样全宽到 100%。是否可以优雅地处理这个问题而无需在所有浏览器上使用 hack？我的意思是当我用 Ipad 打开它时，它应该将屏幕的整个宽度填充到 100%。

如果您对在搜索字段右侧放置按钮有其他建议，请放置。

Answer 1

有一个解决方案。

看看thisJQM插件。

我更喜欢直接更改 css，不幸的是，这在复杂的 JQM 移动应用程序中不是一个有效的选项。