带回车的可投放项目文本

时间:2015-03-25 02:58:09

标签: jquery jquery-ui

我正在使用拖拉机删除功能,我拖动项目并将文本放在droppable项目中。

可拖动物品:

 <li id="test" data-text="Test \n Drag"><label>Test Drag</label></li>

可投放项目:

<textarea id="testtextarea"></textarea>

我想从带有回车的可拖动项目中删除文本

表示输出为
测试是第一行并在第二行中拖动

我正在使用以下Jquery

$("li").draggable({
   // snap: false, snapMode: 'both', revert: false,
    appendTo: "body",
    helper: "clone",
    zIndex: 100,       
}); $("#testtextarea").droppable({
        drop: function (event, ui, e) {
            $("#testtextarea").val($("#test").attr("data-text"));
        } });

jsfiddle Demo

1 个答案:

答案 0 :(得分:0)

只需检查 THIS 是否符合您的要求。您必须修改数据文本属性,如下所示

<li id="test" data-text="Test &#13;Drag">
       <label>Test Drag</label>
</li>
<textarea id="testtextarea"></textarea>

<强> SOURCE