RadioButton Change Jquery-Methode funktioniert nicht nach DOM-Änderungen?

Question

Ich ändere HTML des Radiobuttons (Name des Radiobuttons ist der gleiche) durch Ajax basierend auf Logic (Preise, Daueränderungen). Bevor DOM Änderungen change(function(e) Methode funktioniert perfekt, sobald es DOM ändert change(function(e) funktioniert nicht. Was mache ich falsch? Veranstaltung Delegation verwenden, um Ereignisse zur Befestigung an dynamisch hinzugefügt Elemente DOM

<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

Sie benötigen:

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