Question

我有一张桌子。这是：小提琴：http://jsfiddle.net/PvWKG/ 表中有2列。左侧列（名称我）的文本是可编辑的。顶部还有一个按钮。当用户单击该按钮时，将添加一行，我使用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。我该如何解决这个问题？

Answer 1

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

示例：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'
});

Answer 2

使用追加功能附加此文本后，您需要调用

$('.edit_text').editable();

功能。因为没有调用此函数，将不会将jquery应用于新附加的标记。

此致阿米特

jquery函数在append（）函数内部不起作用

2 个答案: