0

嘿伙计们，我正在尝试用 jquery 解决一些问题，而我是一个用 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 网站的完全相同的一个。

知道我做错了什么吗？

4

2 回答 2

2

或者，您可以在加载文档时将该函数作为立即调用的函数运行。

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

$(document).ready(function(){

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

});
于 2013-04-17T02:38:52.353 回答
1

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

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

使用 onLoad 很好，尽管更简单的方法是使用文档就绪功能，您很可能已经熟悉该功能，并且可以达到相同的结果。 

$(document).ready(function(){

    $('#circle').fadeIn('slow', function() {
           alert("Showing elements");
    });            
});
于 2013-04-17T02:31:35.593 回答