Question

这个难倒了。我正在为一个元素添加一些HTML，然后想要淡入它。但是，当实现时，它不会淡入。它只是立即“捕捉”。语法/顺序看起来正确。任何人都认为我的逻辑有任何问题：

$('span.mySpan')
    // fade out the empty span so it's hidden
    .fadeOut('fast',function(){
        $(this)
            .html($restoreLink) // add the HTML to the hidden span
            .fadeIn('slow') // now fade it in 
    })

Answer 1

这确实在我使用的是：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
        $(document).ready(function() {
                $('span.mySpan')
    // fade out the empty span so it's hidden
    .fadeOut('fast',function(){
        $(this)
            .html('<strong>testing</strong>') // add the HTML to the hidden span
            .fadeIn(2000) // now fade it in
    })

        });
</script>
</head>
<body>
<span class="mySpan">Hello</span>

</body>
</html>

它真的很快就消失了。将计时器设置为... 5000毫秒，看看我的意思。

Answer 2

在fadeIn行的末尾和函数的末尾是否需要分号？ - ＆GT; ;

$('span.mySpan')
    // fade out the empty span so it's hidden
    .fadeOut('fast',function(){
        $(this)
            .html($restoreLink) // add the HTML to the hidden span
            .fadeIn('slow'); // added ;
    }); // added ;

Answer 3

您使用的是Internet Explorer 8吗？我相信在IE8中使用JQuery的不透明操作无法正常工作。

jQuery fadeIn（）没有淡入

3 个答案: