2015-10-12 1 views
0

Как я могу вызвать событие зависания, когда div, соединяющий линии, зависает?jsPlumb Toolkit event hover event

В моем примере, я хотел бы линию, чтобы изменить на красный, когда Div источник или цель его парил:

http://jsfiddle.net/rt9pkLp3/

Я хотел бы также изменить цвет фона из обоих источников и цель.

jsPlumb.ready(function() { 
    var instance = jsPlumb.getInstance(); 
    jQuery.each(edges, function (index, edge) { 
     console.log("Connecting: " + edge.source + " to: " + edge.target); 
     jsPlumb.connect({ source:edge.source, target:edge.target, paintStyle: blue_line, hoverPaintStyle: red_line }); 
    }); 
}); 

ответ

0

Это решение, которое я придумал, что это не совсем то, что я хотел, но делает работу:

jsPlumb.ready(function() { 
    var instance = jsPlumb.getInstance(); 
    jQuery.each(edges, function (index, edge) { 
     console.log("Connecting: " + edge.source + " to: " + edge.target); 
     jsPlumb.connect({ source:edge.source, target:edge.target }); 
     jQuery("#" + edge.source + ", #" + edge.target).mouseover(function() { 
      jQuery("#" + edge.source).addClass("jsplumb-source-hover"); 
      jQuery("#" + edge.target).addClass("jsplumb-target-hover"); 
     }).mouseout(function() { 
      jQuery("#" + edge.source).removeClass("jsplumb-source-hover"); 
      jQuery("#" + edge.target).removeClass("jsplumb-target-hover"); 
     }); 
    }); 
});