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

Question

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

当我在textarea中键入文本时出现问题 - 任何后续的拖放操作都不会将twitter名称附加到文本中，即使它在启动时有效。这是我使用的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);