jsPlumb工具包触发悬停事件

Question

当线路连接的div悬停时，如何触发悬停事件？

在我的例子，我想行变为红色，只要源或目标的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 }); 
    }); 
}); 

Answer 1

这是我想出了解决的办法是不正是我想要的，但没有工作：

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"); 
     }); 
    }); 
});