我有一个目前使用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中所做的事情?
答案 0 :(得分:3)
遗憾的是,文件并不清楚。数据mini
和inline
都可以在input
上使用,但是,您可以将它们作为类直接添加到a
和button
标记。
input
包含在一个包含所有类的div中。因此,如果您将类添加到input
本身,它们将没有任何区别。如果您使用data-mini
和data-inline
,jQM将识别它们并将类添加到父div(包装器)。
<input type="submit" value="Submit" data-inline="true" data-mini="true" />
<强> Demo 强>