내가 클릭 이벤트

Question

sys_Param.aspx라는 이름의 파일에 내 코드의 첫 번째 조각을, 바인더 제본했다 삭제 botton을 클릭 할 때 내 복제 노드를 삭제할 수 없습니다 :

<div id="div_water" style="display: none" align="center"> 
<table width="100%" border="0" id="printTbl" align="center" cellpadding="5" cellspacing="1" class="table"> 
    <tr class="TR_BG_list" id="printsizescroll" style="display:none"> 
     <td align="right" class="list_link" style="width: 214px"> 
     Resize the pictrue： 
     </td> 
     <td align="left" class="list_link"> 
      Description: 
     <asp:TextBox ID="PrintSizeDec" runat="server" CssClass="form" style="width: 106px"/> 
     width|height: 
     <asp:TextBox ID="PrintSmallSize" runat="server" CssClass="form" style="width: 50px"/> 
&nbsp; 
     <label> 
      <input type="button" name="PintSizeAddClick" value="Add" class="form" id="ButtonAdd" style="width: 44px" onclick="createInputTexts(this)" /> 
     </label> 
     <span class="helpstyle" style="cursor: help;" title="Click to get some help" onclick="Help('H_WaterParam_0008',this)">Help</span> 
    </td> 
    </tr> 
    <tr class="TR_BG_list"> 
<td align="center" colspan="2" class="list_link"> 
    <label> 
    <input type="submit" name="Savewater" value=" Submit " class="form" id="Savewater" runat="server" onserverclick="Savewater_ServerClick" /> 
    </label> 
&nbsp;&nbsp; 
     <label> 
    <input type="reset" name="Clearwater" value=" Reset " class="form" id="Clearwater" runat="server" /> 
    </label> 
</td> 
</tr> 
</table> 

또 다른 부분 : 이벤트 핸들러 :

function createInputTexts() { 

    var trOrigin = $("#printsizescroll"); 
    var trClone = trOrigin.clone(true); 
    var target = $("#printTbl tr:last-child").prev(); 

    trClone.find(":button").val("delete"); 
    $('#printTbl').on('click', 'input[type="button"][value="delete"]', function() { 
     $(this).parent().parent().parent().remove(); 
    }); 
    trClone.css('display', ''); 
    // Here you can also set new ID. 
    target.after(trClone); 
} 

질문입니다 : 내가 삭제 버튼을 클릭하면, 그것은 jQuery를 dynamicly.I에 의해 생성 된 새로운 복제 행을 삭제하지 않는 것은 I 원인, 너무 혼란스러워했다 하아 클릭 이벤트를 모든 삭제 버튼에 바인딩합니다. 도움이 필요합니다. 감사합니다.

Answer 1

이 원하는 효과의 경우를 살펴 보자 http://jsfiddle.net/qV4jG/16/

복제 된 버튼은 여전히 ​​onclick 속성을 가지고, 그래서 나는이 부분에서 볼 수 있듯이 클릭 이벤트를 바인딩하기 전에 제거 :

trClone.addClass("deleteBtn"+i).find(":button").val("delete").removeAttr('onclick').click(function() { 
     $(this).parent().parent().parent().remove(); 
    });