jquery - 对象中的缓存选择器（jquery）

Question

我有问题...我做错了什么？

我想使用以前保存在变量中的选择器。这个想法是在对象的函数中使用它。

var escribir = {
    obj:$('#cont'),
    algo: function(i) { 
        escribir.obj.html(i++);
        setTimeout('escribir.algo('+i+')',1000);
    }
}

$(document).ready(
    function(){
    escribir.algo(0);
    }
);

....
<div id="cont"></div>

Answer 1

var escribir = {
    obj : $('#cont'),
    algo : function (i) {
           |
           V
        escribir.obj.html(i++);
        setTimeout(function() { escribir.algo(i) }, 1000); // Don't use `eval`
    }
}

编辑：这里的工作示例http://jsfiddle.net/elclanrs/sQdST/

Answer 2

如果您以更好的形式使用闭包，您可能会更好。

jQuery(function ($) {

    var escribir = {
        obj : $('#cont'),
        algo_counter : 0,
        algo : function () {
            escribir.obj.html(escribir.algo_counter++);
            setTimeout(escribir.algo, 1000);
        }
    };

    // optionally:
    // escribir.algo_counter = 10;

    escribir.algo();

}

这样，您就不会使用setTimeout'seval版本。

Answer 3

您的obj是escribir的成员，因此您需要将其更改为escribir.obj：

var escribir = {
    obj:$('#cont'),
    algo: function(i) { 
        escribir.obj.html(i++); // without escribir.obj you will get reference error, otherwise you have a variable name obj.
        setTimeout('escribir.algo('+i+')',1000);
    }
}