为什么我不能在 jQuery(document).ready() 中调用我的命名空间？

Question

我正在为我的项目创建命名空间，并且我想在 jQuery(document).ready() 中调用一个函数。

使用the self encapsulated jQuery namespace structure 我可以使示例工作。 但是一旦我将MYNAMESPACE.myFunction();inside jQuery(document).ready() 移动，它就不再工作了。

这可能是因为一些我不明白的 jQuery 逻辑。任何人都可以把我推向正确的方向吗？ Here is my fiddle.

代码：

//HTML
<div class="test"> test </div> 

//JS
jQuery(document).ready(function($) {
    if($('.test').text().length > 0){            
        MYNAMESPACE.myFunction(); //function call
    }

});

;var MYNAMESPACE = {};
;(function($) {

    MYNAMESPACE = {
        myFunction: function()
        {
            $('.test').text('Text changed');
        }
    }

})(jQuery);
//  MYNAMESPACE.myFunction(); //<-- This works

Answer 1

小提琴中的代码在 window.load 上执行。这意味着当您进行该调用时文档已准备就绪，并且 jQuery 同步执行回调。此时，您还没有定义MYNAMESPACE。

如果您指定不希望代码在 window.load 上执行，它会起作用：http://jsfiddle.net/baT47/

或者如果你先定义MYNAMESPACE：http://jsfiddle.net/c8L7c/

;var MYNAMESPACE = {};

;(function($) {

    MYNAMESPACE = {
        myFunction: function()
        {
            $('.test').text('Text changed');
        }
    }

})(jQuery);
//  MYNAMESPACE.myFunction(); //function call

jQuery(document).ready(function($) {
    if($('.test').text().length > 0){            
        MYNAMESPACE.myFunction(); //function call
    }

});