Javascript jquery函数在append（）函数中不起作用

我有一张桌子。这是：小提琴： 表中有两列。左侧列（名称Me）的文本可编辑。顶部也有一个按钮。当用户单击按钮时，将添加我使用

append（）

函数创建的一行。但在动态行，可编辑功能不起作用。当我这样编写代码时，通常可编辑的功能正在工作：

<a href="#" class="edit_text">Name Me</a>

$(document).ready(function() {
    $('.edit_text').editable();
});

$（文档）.ready（函数（）{
$（'.edit_text'）.editable（）；
});

---

但是，当我将以下代码：

放入

append（）

函数中时，它将不起作用。我不明白为什么会这样，因为我不擅长jQuery。如何修复此问题？

使用append函数追加此文本后，需要调用

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

功能。因为如果不调用此函数，将不会对新附加的标记应用jquery

问候,，

---

Amit

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

例如：

var行=$（''）；
$（'.issue table>tbody:last'）。追加（行）；
$（'.edit_text'）。可编辑({
键入：“文本”，
标题：“输入用户名”
});

调用

$（'.edit_text'）.editable（）

时，您只会影响页面上当时的元素。尝试在

append（）

之后再次调用

$（'.edit_text'）.editable（）

。为什么要向我们显示有效的代码而不是无效的代码？这是在动态行编辑文本后更改动态行的样式是的，它解决了功能问题。但是，在编辑动态行中的文本（我在上一篇评论中说过的内容）后，会产生一些样式问题。在我的静态行中，编辑文本后不会更改任何样式。但是，在放置代码之后，若我在动态行编辑任何文本，那个么样式将在动态行中更改。你可以自己查。我不明白发生了什么事。如果你能帮助我使代码没有任何bug，我显然会将你的答案标记为已接受。感谢您的帮助当您更改输入中的值时，这不是一个bug，它会像在原始小提琴中一样添加“editable Unsave”类。我告诉了动态行的样式更改。如果编辑动态行（通过“创建问题”按钮创建的行）上的文本，则边框或该行似乎不可见。若您通过浏览器检查元素查看，您将看到动态行（tr）在编辑该行上的文本后并没有td确定我得到了它。这里的工作示例。您必须调用可编辑方法。

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