0

我在 Safari 和 Chrome 中遇到了这个问题......我认为 Firefox 正在运行。

我有这个 jQuery 代码:

$(".featureSection").hover(function(){ 
$(this).stop(true, true).toggleClass("activeSection", 500);
$(this).find(".para").stop(true, true).fadeToggle("slow");
});

这是我正在访问的 HTML 部分:

<div class="featureSection clearfix">
    <h3>And...</h3>
    <div class="sectionTitle">

        <h1>Holiday Cards</h1>
        <img src="http://crm-newsletter.com/website/images_concierge/gift1.png" alt="" width="229" height="224" />
        <h4 class="para">After closing with your client a beautiful gift and customized thank you card will be sent out as appreciation for their business. </h4>

    </div><!--end sectionTitle -->
</div><!-- end featureSection -->

这是页面:

有问题的页面

请注意,当您将鼠标悬停在某个部分上时,整个页面会向下跳。这只发生在第一次翻转时,之后一切正常。当我删除.find代码时跳转停止,所以我想这是由于某种原因导致了这个问题。有什么解决办法吗?即使它是完全不同但影响相同的东西。谢谢。

4

1 回答 1

0

我终于通过将<h4>div 标签包装并设置.fadeToggle在这个上解决了这个问题。不知道为什么它确实有效,但它有效。

于 2012-05-18T17:54:19.463 回答