Czy możliwe jest, aby złącza schematu blokowego jsPlumb nie krzyżowały elementów możliwych do połączenia lub określonych elementów (w przykładzie: elementy z klasą „item”)?

Domyślne zachowanie schematu blokowego:

Pożądany wynik:

Oto co próbowałem:

http://jsfiddle.net/CcfTD/1/

Edytowane w celu wyjaśnieniaHTML

 <div id="root">
        <div class="item" id="item1">Item 1</div>
        <div class="item" id="item2">Item 2</div>
        <div class="item" id="item3">Item 3</div>
        <div class="item" id="item4">Item 4</div>
        <div class="item" id="item5">Item 5</div>
  </div>

JS

   jsPlumb.connect({
    source: $('#item2'),
    target: $('#item7'),
    anchors: [ "Continuous" ],
    connector:[ "Flowchart" ],
    paintStyle: {
        strokeStyle: "#000000", 
        lineWidth:1
    }
});

Zasadniczo, aby silnik jsPlumb (SVG lub canvas) był świadomy odpowiednich elementów DOM i posiadał schemat unikania obiektów

http://jsfiddle.net/adardesign/2ZFFc/