jquery - 函数绑定(bind)和 clone() 函数 - Jquery

Question

克隆元素时，我的 keyup 绑定(bind)出现问题。场景如下:

我有一个像这样的 html 标记:

<tr class="rijbasis">
   <td>
      <input type="text" class="count" />
   </td>
   <td>
       <span class="cost">10</span>
   </td>
   <td>
       <span class="total">10</span>
   </td>
</tr>

我将 keyup 函数绑定(bind)到表格行的输入元素，如下所示:

$('.rijbasis input').keyup(function(){
    var parent = $(this).parent().parent();
     $('.total',parent).text(parseInt($('.cost',parent).text()) * parseInt($('.count',parent).val()));
}

我设计了这样的函数，这样我就可以在 onclick 事件上克隆表格行并将其附加到 tbody 中:

$('.lineadd').click(function(){
        $('.contract tbody').append($('.contract tbody tr:last').clone());
        $('.contract tbody tr:last input').val("0");
 });

此功能有效，但 keyup 函数不适用于克隆行的输入元素..

有人可以提供帮助或建议吗？我希望我说得足够清楚，如果需要解决这个问题，我一定会添加细节。

问候

Answer 1

您有两个真正选择

• 使用clone(true)这也将克隆绑定(bind)的事件处理程序
• 将事件委托(delegate)与 live() 结合使用，以便将事件处理程序绑定(bind)到父元素，从而新添加的行将获得相同的功能