5

jQuery mobile 文档中的所有表单示例都在自己的行中显示了每个表单元素。我想在搜索输入字段的右侧有一个标准按钮（它将链接到另一个页面）。jQuery Mobile 有可能吗？

谢谢

4

3 回答 3

1

不是本机作为内联单元。但是，表单元素可以合理有效地与布局网格系统一起使用：

http://jquerymobile.com/demos/1.1.0/docs/content/content-grids.html

于 2012-06-22T17:01:48.070 回答
0

jQM 的 UI 网格强制等宽列。就我而言，我希望提交按钮只是一个图标，以便让搜索框有更多空间。我在几篇文章中看到<table>提到，但发现其他输入（特别是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]：https ://github.com/jquery/jquery-mobile/issues/6077 jQM Github 错误报告

于 2013-06-06T16:12:25.440 回答
0

使用新版本，您可以：http: //view.jquerymobile.com/1.4.0/demos/controlgroup/#Textinputs

旧式解决方案仍然有效：覆盖 ui-input-search

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

不要忘记在 a href 的类中添加ui-btn-inline（如果您使用 Button 标记语法）

于 2014-04-01T11:06:55.367 回答