Tuvalin manipülasyon için hazır olduğunda nasıl tespit edilir?

Question

Dinamik şöyle jQuery ile bir sayfaya X tuval elemanları ekliyorum: onlar hemen gerçekleştirilmesi zannediyorsunuz çünkü

$(document).ready(function() { 
    for(i=0;i<4;i++) { 
     var can = $(document.createElement("canvas")) 
        .attr("id","table"+i) 
        .addClass("table") 
        .attr("width",640) 
        .attr("height",480) 
        .appendTo('#container'); 
    } 

    //... 
}); 

Ne .append() ne de .appendTo(), bir geri arama var. Ne yazık ki, tuval elemanı hakkında bir şey hemen gerçekleşmez.

Tuval öğelerinden birinde .getContext('2d') adresine gittiğimde "getContext bir işlev değildir." Bu, FF 3.5 ve Chrome'da gerçekleşir.

.click() gibi tuvale elemanlarına rasgele olay işleyici atar ve bu olayda .getContext() kullanın, bu mükemmel çalışır.

Tuvalin manipülasyon için hazır olduğunu nasıl verimli bir şekilde belirleyebilirim?

Answer 1

getContext()'u can değişkeninde kullanabileceğinizi düşünmüyorum.

Bunu yapıyorsanız, can[0].getContext()'u deneyin. Bu, jQuery'nin değil, nesne nesnesini alacaktır.

Answer 2

İlk önce, tarayıcıda bir hata raporu olup olmadığını görecektim.

Bu arada, setInterval'ı veya yalnızca bir döngüyü, yalnızca .getContext (paranteziz) olup olmadığını kontrol etmek için kullanabilir ve yalnızca sonradan devam edebilirsiniz (bazı mantıklı sınırlarla tarayıcıyı durduramazsınız) bir şey ters giderse sonsuz bir döngü veya bir kullanıcı tarayıcısında bu özelliğe sahip değildir.)

Answer 3

Kanvasın DOMReady olayına bir işlev ekleyebilirsiniz.