Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery拖放图像';将属性转换为文本区域_Jquery_Jquery Ui_Drag And Drop - Fatal编程技术网

jquery拖放图像';将属性转换为文本区域

jquery拖放图像';将属性转换为文本区域,jquery,jquery-ui,drag-and-drop,Jquery,Jquery Ui,Drag And Drop,我在测试拖放功能时遇到了一个问题。我需要将图像拖到一个文本区域中,当删除时,文本将附加一个twitter用户名,该用户名存储在“data twname”自定义html属性中 当我在textarea中键入文本时,就会出现问题-任何后续的拖放操作都不会将twitter名称附加到文本中,即使它在start中工作。这是我使用的jQuery代码: $(".draggie").draggable({ containment: "parent", cursor: "move", rev

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

当我在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);
    }
});

我在这里做了一个演示,澄清一下:

我想你的意思是,如果你已经插入了一些文本,就不能附加值。我在这里为您的示例创建了一把小提琴:

替换:

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


谢谢,这是一个多么简单的解决方案,但我想不出来。干杯!:)顺便说一句,如果一个答案能帮助你解决问题,那么最好把答案标为“已回答”。否则,人们可能不会在将来花时间来帮助你,这只是旁注。。很高兴我能帮上忙谢谢!我还在习惯这个界面,所以,对不起:)
$('#textCompose').val($('#textCompose').val() + targetName);