javascript - 如何在触发 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'));
})