1

我有一个当前使用 jQuery Mobile 1.3.2 的站点。我有 3 个<input>按钮，它们的样式<input type="submit" id="1" value="1" data-mini="true" data-inline="true" />用于创建 3 个水平对齐的小按钮。

我正在尝试升级到 jQM 1.4.2，并按照文档从使用数据属性进行更改，而是将类设置为<input type="submit" id="1" value="1" class="ui-btn ui-btn-inline">. 不是让 3 个按钮像这样排成一行：“1 2 3”，而是让 3 个按钮占据容器的整个宽度，像这样垂直流动：

“1”
“2”
“3”

有没有办法使用 1.4.2 重新创建我在 jQM 1.3.2 中所做的事情？

4

1 回答 1

3

不幸的是，文档不清楚。datamini和inline都可以在 上使用input，但是，您可以将它们作为类直接添加到a和button标记中。

input被包裹在一个包含所有类的 div 中。因此，如果您将类添加到input自身，它们不会有任何区别。如果您使用data-miniand data-inline，jQM 将识别它们并将类添加到父 div（包装器）。

<input type="submit" value="Submit" data-inline="true" data-mini="true" />

演示

于 2014-04-08T20:26:59.523 回答