无法单击 Windows Phone 8.1 Internet Explorer 上的动态加载单选按钮答案

【问题标题】：Can't click dynamically loaded radio button on Windows Phone 8.1 Internet Explorer无法单击 Windows Phone 8.1 Internet Explorer 上的动态加载单选按钮
【发布时间】：2015-07-10 08:09:45
【问题描述】：

我使用 jQuery 动态加载我的网站的一部分。在每个浏览器上都可以正常工作，但在 Windows Phone 8.1 Internet Explorer 上加载的单选按钮没有响应。无法检查，但它们不是灰色的（非活动的）。没有 jQuery 事件绑定到此单选按钮。在两部 Windows Phone 上确认了问题。怎么办？

 $('#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>

【问题讨论】：

标签： javascript jquery internet-explorer windows-phone-8.1

【解决方案1】：

我发现我必须用<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 Color Admin 主题。

【讨论】：