克隆元素时,我的 keyup 绑定出现问题。这是场景:
我有一个像这样的 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 函数绑定到表行的输入元素,如下所示:
$('.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");
});
这 al 有效,但 keyup 函数不适用于克隆行的输入元素。
有人可以提供帮助或建议吗?我希望我已经足够清楚了,如果需要解决这个问题,我肯定会添加细节。
问候
你有两个real options
- use clone(true)这也将克隆绑定的事件处理程序
- 使用事件委托
live()
以便事件处理程序绑定到父元素,因此新添加的行将获得相同的功能
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)