jQuery Spotlight Issue

Question

我試圖在我的網站上插入一個jQuery Spotlight片段（由Dev7Studios）。我必須解決以下情況：

我將鼠標懸停在「Div A」和「Div B」上進行高亮顯示。我必須在jQuery不衝突模式下工作。到目前爲止，我用的腳本是：

jQuery.noConflict(); 
jQuery(window).load(function() { 

    jQuery('#A, #B').bind('mouseover', function(){ 
     jQuery(this).spotlight({exitEvent:'mouseover', speed:600}); 

    }); 

}); 

有了下面的腳本，每個div的獲取時突出顯示鼠標懸停但是，我需要使它的方式，mouseovered當「事業部A」，「事業部B」得到突出顯示。這將是理想的解決方案。

可能的解決方法也可以當鼠標懸停在「分區A」，「事業部B」獲取與事業部A.

強調在一起此時，與腳本我有，只有事業部是越來越突出，無論哪個鼠標懸停在上面。

有什麼想法嗎？

謝謝！

Answer 1

在鼠標懸停在#a之後，只需在#b上調用jQuery選擇器...就像下面。每OP評論

jQuery('#A').bind('mouseover', function(){ 
    jQuery('#B').spotlight({exitEvent: 'mouseover', speed:600}); 
}); 

Answer 2

更新：

你可以只創建一個映射哪些元素影響其他..也許是影響Z，B影響A，等，這是由您定義。然後你環比地圖的價值觀

演示：http://jsfiddle.net/lucuma/4RFWQ/1/

var map = { 
"#A" : "#B", 
"#B" : "#A", 
"#Z" : "#A" 
}; 

jQuery.each(map, function(key, value) { 
    var val = value; 
    jQuery(key).on('mouseover', function() { 
     jQuery(val).spotlight({exitEvent:'mouseover',  speed:600}); 
    }); 

});​ 

你也環陣列上並綁定

原文：

我認爲你應該做這樣的事情來概括它：

<div id="a" data-coord="b"></div><div id="b" data-coord="a"></div><div id="z" data-coord="b"></div> 

jQuery.noConflict(); 
jQuery(window).load(function() { 

jQuery('#A, #B').bind('mouseover', function(){ 
    jQuery('#' + jQuery(this).attr('data-coord')).spotlight({exitEvent:'mouseover', speed:600}); 

}); 

});