我有一张桌子。它是:Fiddle:http : //jsfiddle.net/PvWKG/表中有2列。左侧列的文本(命名为Me)是可编辑的。顶部也有一个按钮。当用户单击按钮时,将添加一行我使用append()
功能创建的行。但是在动态行中,可编辑功能不起作用。当我编写如下代码时,通常可编辑的功能可以正常工作:
<a href="#" class="edit_text">Name Me</a>
$(document).ready(function() {
$('.edit_text').editable();
});
但是,当我将以下代码<a href="#" class="edit_text">Name Me</a>
放入append()
函数内部时,它将无法正常工作。我不明白为什么会这样,因为我不擅长jQuery。我怎样才能解决这个问题?
创建新行时,您已经将可编辑绑定到现有行,而不是新行。您必须将可编辑内容绑定到新行。
var row = $('<tr><td><a href="#" class="edit_text">Name Me</a></td><td> </td> </tr>');
$('.issue-table > tbody:last').append(row);
$('.edit_text').editable({
type: 'text',
title: 'Enter username'
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句