扩展jsplumb.draggable拖动行为

 彼岸花芬芳 发布于 2023-02-07 17:40

我确信我在这里遗漏了一些东西,但是我想用附加到端点的jsPlumb.draggable类属性来扩展div的拖动行为,同时保留jsPlumb.draggable属性.

我想要这样的东西(改编自这个SO):

$('#dragcodes').draggable(
    {
        drag: function(){
        var offset = $(this).offset();
        var xPos = offset.left;
        var yPos = offset.top;
        console.log('x: ' + xPos);
        console.log('y: ' + yPos);
    }
});

在使用以下方法创建的元素上:

jsPlumb.draggable($(".dragcodes"));

这是我想要做的一个例子.我希望顶部框能够像底部一样读取拖动位置,但无法弄清楚如何破解拖动:jsPlumb.draggable中的函数.这里的绑定行为越来越近,但我想要定位附加到端点的div.如果我覆盖拖动:功能,我将失去jsPlumb.draggable属性.在此先感谢您的帮助.

1 个回答
  • 在版本1.6.3中,以下代码有效:

    jsPlumb.draggable("#dragcodes", {
      drag: function (event, ui) { //gets called on every drag
        console.log(ui.position);  //ui.position.left and ui.position.top
      }
    );
    

    2023-02-07 17:42 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有