jquery-mobile - jQuery Mobile 1.4.2 中的按钮周围出现了额外的容器

Question

我<button>在 jQuery Mobile 1.4.2 中有一个显示，它周围出现了一个额外的<div>容器。jQM 1.3.2 没有这个问题。

这是我正在使用的代码（注意问题没有出现在 jsFiddle 中）：

<div data-theme="a" data-role="page">    
    <div role="main" class="ui-content">
        <button id="test1" data-inline="true" data-mini="true" title="test1">Test 1</button>
    </div>
</div>

这是显示 jQM 插入的额外 div 的小提琴：Demo With Extra Div

如何摆脱多余的 div？

Answer 1

从 jQuery Mobile 1.4 开始，仅使用for .button()with inputtype或.buttonsubmitreset

input转换为包含所有样式的 div。

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">
  Submit
  <input type="submit" value="Submit">
</div>

如果您调用.button()或<a>标记<button>，它们将被包装在一个 div 中。