jQuery淡入/淡出懸停導致窗口反彈

Question

剛開始使用淡入淡出/淡出 - 它的功能，但有問題。我有一組div包含鏈接（即'#linki'）。每個「鏈接」div的id都是針對的，因此在鏈接文本上懸停/關閉會導致第二組堆疊div（即#webshoti）中的圖像/文本接受淡入淡出響應。所以基本上我的頁面代碼包含一組10個#link div（在'linkWrapper'div內），10個#webshot div（全部佔據'webshots'div內的相同位置）和10個jQuery腳本實例：

eg

<div class="linkList1"><a href="http://www.fmc.gov.au/">Federal Magistrates Court</a></div> 

如#webshot的div：

#webshot1{ 
position:absolute; 
right:30px; 
width:500px; 
height:322px; 
display:none; 

如jQuery腳本的：

$(function(){ 
$('.linkList1').mouseenter(
function(){ 
$('#webshotText').fadeOut(200, function(){ 
$('#webshot1').fadeIn(450); 
}); 
} 
); 
$('.linkList1').mouseleave(
function(){ 
$('#webshot1').fadeOut(20); 
} 
); 
}); 

的HTML #LINK股利

（注意#webshotText顯示在頁面加載，直到任何#LINK div的是徘徊的）

此網頁可以看作HERE

問題： （1）徘徊在列表中向下'鏈接'divs導致窗口跳轉（嘿看 - 這是jQuery彈跳！ DOH）。 （2.）在某些情況下，#webshot中由當前懸停的#link目標的圖像似乎加載，而以前定位的#webshot圖像仍在卸載，從而導致傳入圖像（即刻）堆疊在傳出圖像的底部邊緣。

我試圖設置鼠標>淡出很短的時間（200毫秒），但沒有改變。我已經在代碼中應用了jQuery圖像預加載器，但沒有改變。發生在windows/FF4和IE8中

有什麼建議嗎？感謝堆，柯克 （！**獎勵積分，如果有什麼辦法可以採用陣列的腳本，以避免需要對jQuery腳本的10個實例）

Answer 1

This fiddle（以answer這個question製造）可以幫助：

的思路是：

1. 繪製你需要普通的HTML一切
2. 絕對位置要淡入/淡出
3. 應用每個圖像淡入淡出效果而不用擔心疊加效應（它們現在被絕對定位！）。

希望這會有所幫助。