jsPlumb.draggable()设置id时所遇问题

jsPlumb.draggable()设置id时所遇问题


jsPlumb中要想一个结点可以*拖动,可以使用这个方法-> jsPlumb.draggable(), ()中参数是id,例如这样子用:

  <div id="diagramContainer">
    <div id="item_left" class="item"></div>
    <div id="item_right" class="item" style="left:150px;"></div>
  </div>
  ...
  <script>
  jsPlumb.draggable('item_left');
  </script>

问题

我的目的是想把初始节点拖动到某个区域之后,在鼠标释放处生成一个新的div,并且设置它可以拖动。在设置id时就出问题了。关键代码如下:

	var node = document.createElement("div");
		node.id = "new1";
		...
		
		jsPlumb.draggable('node.id');

这样设置了之后,这个新生成的div就不能拖动了。但是我如果写成jsPlumb.draggable('new1');时,div就可以拖动。

原因

最后我甚至还用了typeof比较new1和node.id的区别。无语的很。过了一会才恍然大悟,原因是在括号内加了引号。 应该写成这样jsPlumb.draggable(node.id);

哎,如此幼稚的问题,特此记录一下我的菜鸡时刻。

上一篇:vue可调整大小和可拖动的组件---vue-draggable-resizable


下一篇:Vue中实现拖拽