對象中的緩存選擇器（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

工作例如你可能會更好，如果你在更好的形式利用封閉的。

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的eval版本。

Answer 2

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 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); 
    } 
}