Safari 的 jQuery 问题答案

【问题标题】：jQuery problem with SafariSafari 的 jQuery 问题
【发布时间】：2010-12-23 00:07:25
【问题描述】：

谁能解释为什么这在 Firefox 中有效但在 Safari 中无效？你可以在这里看到问题：http://www.thechangestudio.com/index2.php

谢谢

<script type="text/javascript">

$(document).ready(function() {

    $("ul#topnav li").hover(
    function() { 
        $(this).find("span").stop(true, true).slideDown(1000); 
        return false; 
        }, function() { 
            $(this).find("span").slideUp(500); 
            return false;
        });
    }); 

</script>

【问题讨论】：

我没发现问题？从视觉上看，它们似乎在两种浏览器中都在做同样的事情。你能详细说明一下这个问题吗？并告诉我们您使用的浏览器版本。
John：在他的示例中，动画不会出现在 webkit 浏览器中，而是被瞬时显示/隐藏所取代。

标签： jquery css firefox safari

【解决方案1】：

Webkit 浏览器（Safari、Chrome）和 Opera 只会在父元素中的某些位置为 span 元素设置动画。为您的动画使用不同的元素，例如 div 或 anchor。

【讨论】：