如何在jQuery Mobile 1.4.2中创建迷你内联表单按钮?

时间:2014-04-08 20:08:03

标签: jquery-mobile jquery-mobile-button

我有一个目前使用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中所做的事情?

1 个答案:

答案 0 :(得分:3)

遗憾的是,文件并不清楚。数据miniinline都可以在input上使用,但是,您可以将它们作为类直接添加到abutton标记。

input包含在一个包含所有类的div中。因此,如果您将类添加到input本身,它们将没有任何区别。如果您使用data-minidata-inline,jQM将识别它们并将类添加到父div(包装器)。

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

<强> Demo