Question

我正在通过基于logice（速率，持续时间变化）的ajax更改radiobutton的html（radiobutton的名称是相同的）。在DOM更改change(function(e)方法完成之前，一旦DOM更改change(function(e)不起作用。我做错了什么？

<tr>
        <td>
            <input type="radio" name="membershipTerm" checked="@yr1"  value="@membership.Year1RateCode">
        </td>
        <td>1 Year  Membership (@startDate to @Convert.ToDateTime(membership.CycleEndDate).Date.ToString("MMM yyyy"))</td>
        <td>1 Year</td>
        <td style="text-align: right">$<span class="membershipPrice">@membership.Year1Price</span> USD</td>
    </tr>


  $('input[type=radio][name=membershipTerm]').change(function(e) {
            var price = $(e.target).parent().parent().find("span").text();
            membershipData.updatemembershipPrice(price);

Answer 1

您需要使用事件委派将事件附加到动态添加的DOM元素：

$(document).on('change','input[type=radio][name=membershipTerm]',function(e) {
        var price = $(e.target).parent().parent().find("span").text();
        membershipData.updatemembershipPrice(price);

在DOM更改后，RadioButton更改jquery方法无法正常工作？

1 个答案: