如何在觸發jQuery動畫之前打開鏈接

Question

我確信這有一個簡單的答案，但我看不到它;）

這是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中的多個鏈接！

在此先感謝您的幫助！

Answer 1

您可以使用@kristinalim解決方案以編程方式打開鏈接 。

只需在動畫之前打開點擊事件功能中的鏈接即可。 另外，重復使用jQuery選擇是很昂貴的，但是你可以緩存它。

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

Answer 2

嘗試這個

$("#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'));
})