JSFiddle - React, Tailwind, and code Playground

by sporritt

HTML

<script src="http://jsplumb.googlecode.com/files/jquery.jsPlumb-1.3.16-all.js"></script>
<div id="w1"><span>1</span></div>
<div id="w2"><span>2</span></div>

CSS

div {
    position:absolute;
    width:80px;
    height:80px;
    border:1px solid red;
}

#w2 {
    left:350px;
    top:250px;
}

JavaScript

jsPlumb.ready(function() {
    
    var filter = function(evt, el) {
        var t = evt.target || evt.srcElement;
        return t.tagName !== "SPAN";
    };
    
    jsPlumb.makeSource("w1", {anchor:"Continous", filter:filter});
    jsPlumb.makeSource("w2", {anchor:"LeftMiddle", filter:filter});    

    jsPlumb.makeTarget("w1", {anchor:"Continuous"});
    jsPlumb.makeTarget("w2", {anchor:"TopCenter"});    
    
    jsPlumb.draggable($("div"));
});