【问题标题】:Drag and drop not working with jqxtree拖放不适用于 jqxtree
【发布时间】:2016-01-23 04:05:19
【问题描述】:

我使用 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

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

【问题讨论】:

  • 你的问题解决了吗?
  • 不,它在我的项目中不起作用。当我拖动扩展列表的元素时,它不会被放入我的画布中。由于列表很长,并且它的高度超出了画布的高度,因此它不会掉入其中。
  • 你能在小提琴中重现它吗?

标签: javascript jquery drag-and-drop draggable jqxtree


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    提示好像打错了,我已经更新了代码

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-24
      • 2017-10-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-12
      • 1970-01-01
      相关资源
      最近更新 更多