2013-10-29 14 views
0

我敢肯定有一個簡單的答案,但我不能看到它之前打開鏈接;)如何射擊jQuery的動畫

這裏的HTML:

<div id="kunden"> 
<ul class="kunden-logos"> 
<li><a href="A LINK" target="_blank"><img src="AN IMAGE" border="0" /></a></li> 
<li><a href="ANOTHER LINK" target="_blank"><img src="ANOTHER IMAGE" border="0" /></a></li> 
</ul> 
</div> 

而jQuery的:

$("#kunden").click(function() { 
$("#kunden").animate({ 
height: "-=20%" 
}, 1500).removeClass('open'); 
$("#kunden").css({ 
backgroundSize: "15%", backgroundImage: "url('AN IMAGE')" 
}); 
$("#kunden .hide").css({ 
display: "none", margin: "0" 
});  

如何獲取在觸發jQuery之前在新窗口中打開的鏈接?

編輯:我需要區分#kunden div中的多個鏈接!

在此先感謝您的幫助!

回答

0

試試這個

$("#kunden").click(function() { 
    $("#kunden").animate({ 
     height: "-=20%" 
    }, 1500).removeClass('open'); 
    $("#kunden").css({ 
     backgroundSize: "15%", backgroundImage: "url('AN IMAGE')" 
    }); 
    $("#kunden .hide").css({ 
     display: "none", margin: "0" 
    }); 
}); 
$('#kunden ul li a').each(function() { 
    window.open($(this).attr('href')); 
}) 
+0

謝謝nauphal。我如何將它應用於其中一個鏈接(請參閱編輯!)...? –

+0

@RichardTinkler:我已經更新了答案。現在它將打開'#kunden'中的所有鏈接。 – Nauphal

+0

我只需要點擊打開的鏈接,而不是所有鏈接。這可能嗎? –

2

您可以使用open the link programmatically解決@kristinalim。

只需在動畫之前打開點擊事件功能中的鏈接即可。在一個側面說明,jQuery的選擇是昂貴的重複使用,但你可以緩存它。

kunden = $("#kunden"); 
kunden.css({ ... }); 
+0

Upvote緩存! – Nobita