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

您可以open the link programmatically使用@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'));
})

如何在触发jQuery动画之前打开链接

2 个答案: