javascript - 拖放不适用于 jqxtree

Question

我使用 jqxTree 来查看我的树。我想拖动一些元素并放在 Droppable 区域上。

$(".dragItem").draggable({
   revert: "true",
   revertDuration: 0,
   helper: 'clone',
   cancel : 'span',
   refreshPositions: true,
   containment: "parent"
 });

$(".dragItem").css({"position": ""});

$("#log").droppable({
    accept: ".dragItem",
    drop: function(event){
    alert("Dropped");
   }
});

上面的代码在小提琴中给出。谁能说出为什么拖放不起作用 小提琴

任何想法或建议都会有所帮助。

Answer 1

似乎警报输入错误，我已经更新了代码

 drop: function(event){
//alert();
}

http://jsfiddle.net/1fzqtzsz/1/

Answer 2

将dragEnd处理程序添加到您的树配置中，如下所示。传递给这个处理程序的event参数有很多信息，我只是将一些用于演示目的。检查小提琴：小提琴。

  $('#jqxTree').jqxTree({
       height: '300px',
       ...
       dragEnd: function (event) {
          $('#log').append(event.label);
       }
   });