Question

嘿伙计们试图用jquery和im a complet noob用javascript来解决问题。

首先让我们看看我的代码：

<html>
<head>
    <style>
        #circle { background: #f00; width: 200px; height: 200px; border-radius: 100%; display: none;}
    </style>
    <script src="scripts/jquery-1.9.1.js"></script>
    <script>
    function showAllSlowly()
    {
        $('#circle').fadeIn('slow', function() {
            //complete
        });
        alert("Showing elements");
    };
    </script>
</head>

<body onLoad=showAllSlowly()>

<div id="circle"></div>
</body>

当我在$（'＃circle'）之前设置警报时，我可以看到它，但之后没有，我猜我的问题是在该函数内。我在jquery网站上使用完全相同的一个。

知道我做错了什么？

Answer 1

或者您可以将该函数作为doc load上的立即调用函数运行。

链接：http://jsfiddle.net/RUwXZ/

$(document).ready(function(){

(function showAllSlowly() {
        $('#circle').fadeIn('slow', function() {
            alert("complete");
        });
    })();

});

Answer 2

我似乎无法重现您遇到的错误。看到这个小提琴 - http://jsfiddle.net/2SCRv/

在#circle选择器之前，之后或之内放置警报都可以正常工作。你能提供一个重现错误的jsFiddle示例吗？

使用onLoad很好，虽然更简单的方法是使用您很可能已经熟悉的文档就绪功能，并且可以获得相同的结果。

$(document).ready(function(){

    $('#circle').fadeIn('slow', function() {
           alert("Showing elements");
    });            
});

jquery fadein没有显示

2 个答案: