jQuery函数在append()函数内部不起作用

用户1896653

我有一张桌子。它是: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。我怎样才能解决这个问题?

Sh1d0w

创建新行时,您已经将可编辑绑定到现有行,而不是新行。您必须将可编辑内容绑定到新行。

示例:http//jsfiddle.net/9zP8k/

var row = $('<tr><td><a href="#" class="edit_text">Name Me</a></td><td>&nbsp;</td>    </tr>');
$('.issue-table > tbody:last').append(row);
$('.edit_text').editable({
    type: 'text',
    title: 'Enter username'
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章