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

为了在搜索字段的右侧放置搜索按钮，我搜索了很多。如果没有这么多黑客，很难找到好的解决方案

我所看到的唯一一个好的解决方案是在一个字段集中有两列：

这里的问题是文件集不是全宽的。此时，它不像listview中下面的元素那样是100%的全宽。有没有可能在没有黑客攻击的情况下，在所有浏览器上都能优雅地处理这个问题？我的意思是，当我用Ipad打开它的时候，它应该占据整个屏幕的宽度，达到100%

---

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

有一个解决方案

看看JQM插件

---

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

我已经测试过了：但在desctop full width上，按钮没有像下面的元素那样达到100%。我做错什么了吗？不，尼科，你没有做错什么。现在你需要做一些css黑客。使用类grid_1向div添加id属性。使用此选项可导航到第一个子div及其类。ui btn添加页边距顶部css和wind将使其与搜索框对齐的值。您还可以使用相对位置和向右浮动来强制网格右侧的按钮。但正如你们所看到的，这个网格系统比原来的要好得多。嗯，是的，它看起来更好，但当我在电话上测试它时，它看起来很弱。如果搜索有11列和button 1列，它在横向上有效，但在纵向上看起来不好。如果是10:2，那么它在纵向上看起来不错，而在横向上看起来不好。但真的不可能，将搜索框和按钮定位到全宽吗？这是不可能的。我相信你想要的也会被问到和回答。我在寻找这个解决方案时发现了你的问题。

<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>