当前位置 : 主页 > 网页制作 > JQuery >

jQuery append()只在第一次工作

来源:互联网 收集:自由互联 发布时间:2021-06-15
奇怪的问题.我有以下代码: // remove template row from DOM and store in variablevar $addDegreeRow = $('.addDegreeRow').remove();$('#addDegreeLink').click(function (ev) { ev.preventDefault(); $('.degreeSection').append($addDegreeR
奇怪的问题.我有以下代码:

// remove template row from DOM and store in variable

var $addDegreeRow = $('.addDegreeRow').remove();
$('#addDegreeLink').click(function (ev) {
    ev.preventDefault();
    $('.degreeSection').append($addDegreeRow);
});

我正在从DOM中选择一个元素,将其删除,并在选择器$addDegreeRow中保留其内容.然后我将点击事件分配给页面上的链接,该链接将存储的选择器附加到页面上的现有div.

我第一次通过点击活动一切都很完美.但第二次通过什么都没有附加.如果我查看firebug中的HTML,每次执行单击时都会突出显示.degreeSection div,即使没有其他内容被添加.这就像jQuery用新的一个覆盖旧的$addDegreeRow附加,而不是仅添加另一个.

有没有人遇到过这个问题?谢谢.

您将一次又一次地附加相同的元素.如果你想要该元素的副本,你必须首先克隆()它.
网友评论