jquery将图像的属性拖放到textarea中

Question

我在测试拖放功能时遇到了问题。我需要将图像拖放到文本区域中，当拖放时，文本将由存储在“data-twname”自定义 html 属性中的 twitter 用户名附加。

当我在 textarea 中键入文本时出现问题 - 任何后续拖放操作都不会将 twitter 名称附加到文本中，即使它在 start 中有效。这是我使用的 jQuery 代码：

$(".draggie").draggable({
    containment: "parent",
    cursor: "move",
    revert: true,
    revertDuration: 100
});
var targetName;
$(".draggie").mousedown(function(){
    targetName = $(this).attr("data-twimage");
});
$("#textCompose").droppable({
    accept: ".draggie",
    drop: function(event) {
        $("#textCompose").append(targetName);
    }
});

我在这里做了一个演示，澄清一下：drop demo link

Answer 1

我认为您的意思是如果您已经插入了一些文本，则不能附加该值。我在这里为您的示例创建了一个小提琴：http://jsfiddle.net/QQWHg/

替换：

$("#textCompose").append(targetName);

与：

$('#textCompose').val($('#textCompose').val() + targetName);