jsPlumb多个实例dnd错误

debugcn 发表于 Dev

即时通讯使用jsPlumb在一个Overview中具有多个实例，所有实例都是动态创建的。

它是将代码发布到此处的方法，因为它是从MySQL动态生成的，因此无法生成小提琴。

但也许有人以前曾遇到过这个问题，并且知道该错误在哪里创建或我应该再次检查什么。

错误：
全部显示正确，所有连接器和锚点均正确显示，
拖放仅在最后一个实例（DIV）上有效

如果我尝试从第一个元素拖动元素，它会自动消失并出现在最后一个实例DIV中。

我在哪里可以找到错误？

谢谢你到目前为止
的问候

好吧，我解决了

我的问题是，我使用此代码：

$(".dragndrop").draggable({
                                        drag:function(e){
                                            // Your code comes here
                                            instance'.$dynamiccounter.'.repaint($(this));

                                        },
                                        stop: function(e){
                                            // Your code for capturing dragged element position.
                                            var id = this.id;
                                            id = id.replace("flowchartdrag", "");             
                                            var x = "x" + id;
                                            var y = "y" + id;
                                            var parentLeft = $("#flexwrap'.$dynamiccounter.'").position().left;
                                            var parentTop = $("#flexwrap'.$dynamiccounter.'").position().top;
                                            var offset = $(this).position();
                                            document.getElementById(x).value=(offset.left - parentLeft);
                                            document.getElementById(y).value=(offset.top - parentTop );
                                             instance'.$dynamiccounter.'.repaintEverything();
                                        },
                                        containment: $("#flexwrap'.$dynamiccounter.'")
                                    });

由于所有元素都使用相同的CSS类，因此所有元素都被加载到了它们中，因此我需要使用相同的dynamiccounter将它们分开

$(".dragable'.$dynamiccounter.'").draggable({
                                        drag:function(e){
                                            ...
                                            ...
                                        },
                                        containment: $("#flexwrap'.$dynamiccounter.'")
                                    });

现在一切正常；）

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。