所以我尝试过使用event.stopPropagation建议在点击附加的div中的链接时保持此动画不会发生。到目前为止,我没有运气。
基本上我有一个名为.swapper的div,当点击它时变得完全可见。当再次点击它再次隐藏自己。我希望用户能够单击div中的链接而不是隐藏div,它需要将它们带到链接。
任何人都可以在我的代码中发现一些我做错了吗?谢谢你的时间!
jQuery(".swapper").toggle(
function()
{
jQuery(this).animate({top: "-140"}, 1500);
},
function()
{
jQuery(this).animate({top: "0"}, 1500);
});
$(".swapper a").click(function(event) {
event.stopPropagation();
});
这是css。不幸的是我没有建立网站,我只是想帮助一个朋友让jquery工作,所以它有点混乱。
<div class="swapper" style="top: 0px; ">
<div class="bgr"></div>
<div class="indicator"></div>
<h3>Carapace Story</h3>
<strong>Carapace Story</strong> - Carapace Homes is driven by a passion to build the perfect house for your family. We feel that the home represents a protective shell, a shelter for families; it's where living happens.
<a class="box-link" title="Carapace Story" href="http://carapacehomes.com/?page_id=13"><em>more...</em></a>
</div>