jsPlumb工具包触发悬停事件
问题描述:
当线路连接的div悬停时,如何触发悬停事件?jsPlumb工具包触发悬停事件
在我的例子,我想行变为红色,只要源或目标的div他徘徊:
我也想改变这两种来源的背景颜色和目标。
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 });
});
});
答
这是我想出了解决的办法是不正是我想要的,但没有工作:
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");
});
});
});