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");
   }
});

以上代码是小提琴。任何人都可以说为什么拖放不起作用 Fiddle

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

Answer 1

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

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

Answer 2

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

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

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

拖放不使用jqxtree

2 个答案: