jquery - 是否可以将链接添加到 jquery 可拖动/可拖放文本的 html 链接？

Question

我想在一些被删除的文本的末尾添加一个链接。在下面 Spiritfyre 和 tehlulz 的建议下，我在下面的代码中更改$( "<li class='padding0'></li>" ).text( ...为$( "<li class='padding0'></li>" ).html( ...。

jQuery 掉落：

drop: function( event, ui ) {
    $( "<li class='padding0'></li>" ).html( ui.draggable.text() + " <a href='/items/1' data-method='delete' rel='nofollow'><img alt='Delete' src='/images/delete.png?1335803006' /></a>" ).appendTo( this );
}

该链接仍呈现为文本。我错过了什么？

谢谢。

Answer 1

您需要使用 .html() 而不是 .text()

.html() 设置匹配元素集中每个元素的 HTML 内容，而 .text() 设置每个元素的文本内容。

drop: function( event, ui ) {
    $( "<li class='padding0'></li>" ).html( ui.draggable.text() + " <a href='/items/1' data-method='delete' rel='nofollow'><img alt='Delete' src='/images/delete.png?1335803006' /></a>" ).appendTo( this );
}