無法單擊Windows Phone 8.1上的動態加載的單選按鈕Internet Explorer

Question

我使用jQuery動態加載我的網站的一部分。在每個瀏覽器上都能正常工作，但在Windows Phone 8.1上，Internet Explorer加載的單選按鈕不響應。無法檢查，但它們不會變灰（不活動）。沒有綁定到這個單選按鈕的jQuery事件。問題在兩臺Windows手機上確認。該怎麼辦？

$('#paymentsResult').fadeTo('slow', 0.1, function() { 
      $('#paymentsResult').load(url, function (data) { 
       if (data == "{}") { 
         $('.PaymentAccordion').hide(); 
       } 
       else { 
        $('.PaymentAccordion').show(); 
       } 

       $('#paymentsResult').fadeTo('slow', 1); 
      }); 
     }); 

這段代碼的結果是：

<tr class="table-valign-middle"> 
      <td> 
       <label> 
        <input name="ChoosenPaymentId" class="RadioButtonPayment" id="ChoosenPaymentId" style="vertical-align: top;" type="radio" checked="checked" value="47353a36-6fe4-e411-80c8-000c2990a869"> 
        <span>Cash</span> 
       </label> 

      </td> 
     </tr> 
     <tr class="table-valign-middle"> 
      <td> 
       <label> 
        <input name="ChoosenPaymentId" class="RadioButtonPayment" id="ChoosenPaymentId" style="vertical-align: top;" type="radio" value="36153b58-6fe4-e411-80c8-000c2990a869"> 
        <span>Credit</span> 
       </label> 

      </td> 
     </tr> 

Answer 1

我證明，我不得不wrapp每個複選框與<div class="radio"></div> 所以現在我的代碼如下所示：

<tr class="table-valign-middle"> 
     <td> 
      <div class="radio"> 
      <label> 
       <input name="ChoosenPaymentId" class="RadioButtonPayment" id="ChoosenPaymentId" style="vertical-align: top;" type="radio" checked="checked" value="47353a36-6fe4-e411-80c8-000c2990a869"> 
       <span>Cash</span> 
      </label> 
      </div> 
     </td> 
    </tr> 
    <tr class="table-valign-middle"> 
     <td> 
      <div class="radio"> 
      <label> 
       <input name="ChoosenPaymentId" class="RadioButtonPayment" id="ChoosenPaymentId" style="vertical-align: top;" type="radio" value="36153b58-6fe4-e411-80c8-000c2990a869"> 
       <span>Credit</span> 
      </label> 
      </div> 
     </td> 
    </tr> 

我不知道它是Bootstrap相關問題還是我的Boostrap主題。 即時通訊使用WrapBootrap顏色管理主題。