Jquery mobile 在jquery mobile的搜索输入旁边是否可以有一个按钮?

Jquery mobile 在jquery mobile的搜索输入旁边是否可以有一个按钮?,jquery-mobile,Jquery Mobile,jquerymobile文档中的所有表单示例都在各自的行中显示每个表单元素。我想有一个标准的按钮(将链接到另一个页面),在搜索输入字段的右侧。jquerymobile能做到这一点吗 谢谢你,不是作为一个内联装置的。但是,表单元素可以与布局网格系统一起合理有效地使用: jQM的UI网格强制等宽列。在我的例子中,我希望提交按钮只是一个图标,以允许搜索框有更多的空间。我在几篇文章中看到了,但发现其他输入(尤其是selectmenu)如果是意外元素的子项,则无法正常工作。[1] 因此,为了避免小部件损坏

jquerymobile文档中的所有表单示例都在各自的行中显示每个表单元素。我想有一个标准的按钮(将链接到另一个页面),在搜索输入字段的右侧。jquerymobile能做到这一点吗


谢谢你,不是作为一个内联装置的。但是,表单元素可以与布局网格系统一起合理有效地使用:


jQM的UI网格强制等宽列。在我的例子中,我希望提交按钮只是一个图标,以允许搜索框有更多的空间。我在几篇文章中看到了
,但发现其他输入(尤其是
selectmenu
)如果是意外元素的子项,则无法正常工作。[1]

因此,为了避免小部件损坏,我管理了以下内容:

.ui-grid-a.my-grid-a .ui-block-a.my-block-8515-a {
    width: 84.95%;
}
.ui-grid-a.my-grid-a .ui-block-b.my-block-8515-b {
    width: 14.95%;
}
它不是防弹的,但可以扩展到其他网格定义。它使用特殊性获取现有UI的所有网格规则,然后重新定义列宽。没有内联样式,没有附加标记,小部件也不会中断。由于特殊性,它可以在jQM的结构样式表之前或之后加载

[1] :jQM Github错误报告

使用新版本,您可以:

旧式的解决方案仍然有效:覆盖ui输入搜索

div.ui-input-search{ 
  width: 55%;
  display: inline-block;
}

别忘了在a href类中添加ui-btn-inline(如果您使用按钮标记语法)

感谢您的宝贵反馈!我相信你想要的更好的解决方案也会被问到和回答。我在寻找这个解决方案时发现了你的问题。