如何使这个jquery代码更有效?

时间:2013-07-01 17:21:51

标签: performance javascript-events jquery

我刚开始使用jQuery而且我遇到了一些问题。我已经为我的网站设置了动画并添加了slideDown下拉菜单。问题是丢弃菜单似乎是间歇性的,需要永远加载。我很确定这是因为我将它们全部分解为单独的脚本,但是当我尝试将所有内容放在一组标签之间时,一切都会中断。所以我想知道如何才能提高效率。这是我正在使用的jQuery ......

<script src="jquery-1.10.1.js"></script>
<script>
        $(document).ready(function() {
                $(".info").hide();
                $(".menu").hide();
                $(".info").fadeIn(2000,
                function() {$("#servdiv").slideDown(800,
                function() {$("#condiv").fadeIn(800,
                function() {$("#testdiv").fadeIn(800,
                function() {$("#disdiv").fadeIn(800);});
                });
                });
            });
                return false;           
            });
 </script>
<script>
    $(document).ready(function() {

        $(".fader").hide();
        $(".phone").hide();
        $(".slider").animate({height: 115}, {duration: 3000, 
        complete: function() { $(".fader").fadeIn({duration:3000,
        complete: function() { $(".phone").fadeIn({duration: 3000,}); }}); }});
        });
        return false;   

 </script>

 <script type="text/javascript">
        $(document).ready(function() {
            $("#servdiv").hover(function() {
                $("#servsub").slideDown('slow')
            }, function() { 
                $("#servsub").slideUp('slow')
            })
        });
 </script>

 <script type="text/javascript">

        $(document).ready(function() {
            $("#condiv").hover(function() {
                $("#consub").slideDown('slow')
            }, function() {
                $("#consub").slideUp('slow')
            })
        });
</script>

<script type="text/javascript">

    $(document).ready(function() {
        $("#testdiv").hover(function() {
            $("#testsub").slideDown('slow')
        }, function() {
            $("#testsub").slideUp('slow')
        })
    });
</script>

我猜测所有嵌套函数都在减慢速度,但这是我获得顺序动画的唯一方法。此外 - 它在Chrome中看起来很棒但在Firefox中很糟糕。有什么方法可以清理它,快速加载,并在所有浏览器中看起来很棒?

我感谢任何帮助! - 如果这篇帖子违反任何政策,请原谅我这是我在stackoverflow上的第一篇文章。谢谢!

0 个答案:

没有答案