Jquery mobile jQuery移动输入复选框在IE10中显示双精度

使用jquerymobile1.3。下面是我的ASP.NETMVC页面中的Rayzor代码

<li data-role="fieldcontain">
    @Html.LabelFor(m => m.RememberMe, new { data_theme = "a" })
    @Html.CheckBoxFor(m => m.RememberMe, new { data_theme = "a" })
</li>

@LabelFor（m=>m.RememberMe，new{data_theme=“a”}）
@CheckBoxFor（m=>m.RememberMe，new{data_theme=“a”}）

生成的HTML在Chrome中呈现如下，在IE10中看起来也一样：

到目前为止还不错。现在，当我点击这个复选框，或者当我点击控件并按空格键时，IE开始失败。IE在已经存在的复选框上显示另一个复选框

不对！快速查看两个浏览器的F12屏幕确实显示HTML中存在此复选框。在这里，它以Chrome突出显示：

---

用CSS隐藏这一点是正确的解决方案吗？如果是这样，我会认为这是一个jQuery错误。我不明白为什么IE会显示这一点而Chrome不会。在Chrome中，显示设置为block，zindex设置为1。所以我希望它也能在Chrome上显示出来。很明显，我不想这样；似乎IE在这种情况下是正确的，尽管我想要Chrome的行为。

检查您的代码填充复选框

JQM的复选框在标签顶部有此输入。像这样

<div class="ui-checkbox">
    <input type="checkbox" name="checkbox-2a" id="checkbox-2a">
    <label for="checkbox-2a" data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="checkbox-on" data-theme="c" data-mini="false" class="ui-checkbox-on ui-btn ui-btn-hover-c ui-btn-corner-all ui-fullsize ui-btn-icon-left ui-btn-up-c">
        <span class="ui-btn-inner">
            <span class="ui-btn-text">Doritos</span>
            <span class="ui-icon ui-icon-checkbox-on ui-icon-shadow">&nbsp;</span>
        </span>
    </label>
</div>

多丽托斯

谢谢！这为我指明了正确的方向。我翻转了顶部列出的rayzor，生成了复选框，然后是标签。这把它修好了。