除非之前使用了变量,否则push方法只能工作一次

这可能是个奇怪的问题。无论如何,我正在开发一个jquery插件,对于这个问题,这是一段很有用的代码,请注意并不是全部;):

Javascript:

(function($){
    $.fn.newPlugin = function(){
        var ranges = [], selectableRange = this;

        function init(){
            selectableRange.live('mousedown', function(){
                selectableRange.live('mouseup', function(){
                    addRange(Math.random(), Math.random());
                    selectableRange.die('mouseup');
                });
            });
        }

        function addRange(a, b){
            // console.log(ranges);
            ranges.push({start: Math.min(a,b), end: Math.max(a,b)});
            console.log(ranges);
        }

        return { init: init };
    };
})(jQuery);

$(document).ready(function(){
    var instance = $('#element').newPlugin();
    instance.init();
});

HTML:

 <div id="element" style="width:200px;height:200px;background:grey;"> </div>

它所做的似乎毫无用处;不管怎样,每当有人把鼠标放在一个元素上,一个新的对象就会添加到 ranges . 不幸的是,在我的控制台中,ranges数组只包含 一 对象,无论单击多少次 $('#element') .

我试着弄清楚发生了什么事,然后取消了对白 console.log(ranges); 在对象被推到ranges数组的后面之前。然后,令人惊讶的是,它成功了。范围数组增长…

有人能告诉我为什么 .push 只有当 范围 以前用过吗?