0

我刚开始使用 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 中很糟糕。有什么办法可以清理它，让它快速加载，并且在所有浏览器中看起来都很棒？

我很感激任何帮助！

4

0 回答 0