2012-07-17 82 views
0

當鼠標懸停父元素時,如何將鼠標懸停在圖元上[以便顯示ALT屬性]?JQuery:當父元素被鼠標移動時,顯示子元素的鼠標懸停

例子:

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('div.dorp').mouseover(function(){ 
     jQuery(this).find("img").mouseover(); 
    }).mouseout(function(){ 
     jQuery(this).find("img").mouseout(); 
    }) 
}); 
</script> 

此代碼崩潰我的Firefox網頁瀏覽器,我需要找到一種方式來觸發,當我將鼠標放置圖像的容器比圖像相當大被觸發IMG的alt屬性。

+2

您可以直接將alt屬性添加到容器嗎?使用工具提示插件怎麼樣? – Ivan 2012-07-17 17:18:17

+5

你有明顯的錯別字 - 在'.mouseover();'和'j'上丟失了一些東西,只是坐在無處不在的中間。 – 2012-07-17 17:19:30

+3

title屬性顯示在mouseover上,而不是alt。 Alt在圖像丟失時顯示。 – j08691 2012-07-17 17:22:50

回答

1

它不應該是

jQuery(this).find("img").mouseover();

鼠標懸停是一種方法,而不是財產

而且我假設雜散j該行下面就是你在寫的問題,而不是在你的實際代碼出現了拼寫錯誤。

更新:

發了Fiddle

什麼實際發生的是,mouseover事件觸發無論在divimgimg上的mouseover事件回滾到div,導致img上的另一個mouseover等無限循環。我的瀏覽器給出錯誤`Uncaught RangeError:Maximum call stack size exceeded'。這可能是你的FF崩潰。

對此的解決方案(雖然理想情況下,我同意其他海報中,你應該只使用一個工具提示插件),是對img也即停止傳播添加mouseover事件處理程序。但是,這仍然無法解決您最初需要在兒童圖像上獲取工具提示的問題。

Updated Fiddle

+0

代碼的語法是正確的,但即時通訊錯誤'jQuery(this)<----缺少形式參數' – DanCapitanDePlai 2012-07-17 17:28:34

+0

不用擔心,我一定會找到解決方法。感謝您的嘗試。 – DanCapitanDePlai 2012-07-17 19:50:28