结合jQuery函数而不是编写新的(文档).ready

时间:2014-08-29 15:26:34

标签: javascript jquery formatting

将所有这些功能放在一个

中是不合适的
$(document) .ready(function()

而不是每次我想要一个函数时声明新的jQuery?

    $(document).ready(function(){
    if($('.someClass').is(':visible') && $('.someOtherClass').is(':visible')){
    $('.someEvenOtherClass').css('display', 'block');
    }

    });


    </script><script type="text/javascript" charset="utf-8">

    $(document).ready(function(){
    if($('.someClass').is(':visible')){
    $('.SomeNEWERclass').css('margin-top', '1px');
    }


    </script><script charset="utf-8" type="text/javascript">

    $(document).ready(function(){
    if($('.someClass').is(':visible')){
    $('.SomeNEWERclass').css('margin-top', '1px');
    }

2 个答案:

答案 0 :(得分:0)

由于您的程序语句被执行以处理相同的事件(即.someClass.isVisible),然后将它们包含在同一个匿名函数中(顺便说一句,后两个是相同的 - 它们都将您的上边距设置为1px)。我怀疑你会看到很多开销改进,但它会让你的代码更容易阅读,调试和/或更新。

答案 1 :(得分:0)

我不明白为什么你多次使用$(文件).ready .....只需将所有内容添加到一个

$(function(){
        //your stuff here
});