是否有可能添加一个链接的HTML链接到jQuery的可拖动/可拖放文本？

Question

我想添加一个链接到一些正在被删除的文本的末尾。在下面的Spiritfyre's和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); 
}