Jquery移动搜索框与fieldset全宽按钮

时间:2012-11-24 18:49:07

标签: jquery-mobile fieldset

我搜索了很多搜索按钮,在搜索字段的右侧放置了搜索按钮。如果没有这么多黑客攻击,找到一些好的解决方案是非常困难的。

我见过的唯一一个好的解决方案是在一个有两列的字段集中:

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%,就像listview中的下面的元素一样。是否可以优雅地处理这个问题,而无需在所有浏览器上工作?我的意思是当我用Ipad打开它时,它应该将屏幕的整个宽度填充到100%。

如果您有其他建议在搜索字段的右侧放置一个按钮,请放置它。

1 个答案:

答案 0 :(得分:1)

有一个解决方案。

查看this JQM插件。

我更喜欢直接css更改,遗憾的是,这不是复杂JQM移动应用程序中的有效选项。