是否可以添加链接和jquery draggable / droppable文本的HTML链接？

Question

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

jQuery drop：

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