jQuery Mobile輸入複選框在IE10中顯示兩倍

使用jQuery Mobile 1.3。這是我的ASP.Net MVC頁面中的Rayzor代碼。jQuery Mobile輸入複選框在IE10中顯示兩倍

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

生成的HTML渲染，因爲這在Chrome和看起來一樣在IE10以及： enter image description here

到目前爲止好。現在當我點擊這個複選框時，或者當我選擇控件並按SPACE時，IE開始失敗。 IE顯示另一個複選框已經在那裏。

enter image description here

不正確！瀏覽器的F12屏幕快速瀏覽確實表明該複選框存在於HTML中。這突出顯示在Chrome：

enter image description here

是妥善解決與CSS隱藏呢？如果是這樣，我會想象這是一個jQuery錯誤。我不明白爲什麼IE瀏覽器顯示這一點，Chrome瀏覽器不是。在Chrome中，顯示設置爲阻止，並且zindex設置爲1.所以我希望它也能在Chrome中顯示。顯然我不希望它;看來IE在這種情況下是正確的，即使我想要Chrome的行爲。

來源

2013-06-04 Paul

檢查填充複選框的代碼。

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>

來源

2013-06-05 04:30:57 yeyene

謝謝！這使我指出了正確的方向。我翻了上面列出的rayzor，並生成了複選框，然後是標籤。這固定了它。 – Paul

歡迎您光臨它。 – yeyene

jQuery Mobile輸入複選框在IE10中顯示兩倍

回答

相關問題