在jQuery Mobile 1.4.2中按钮周围出现额外的容器

Question

我在jQuery Mobile 1.4.2中有一个<button>，它周围出现了一个额外的<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开始，仅对.button()类input，button或submit使用reset。

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中。