Backbone.js为什么渲染函数中没有可用的DOM？

Question

在骨干网的渲染功能，

render: function() { 
    this.$el.html('<div id="customID"></div> 

    console.log($('#customID')[0]); 
    setTimeout(function(){ 
     console.log($('#customID')[0]); 
    }, 1); 
} 

第一的console.log返回“未定义” ......

第二个返回一个DOM节点。

为什么不在没有超时的渲染函数中使用DOM？

Answer 1

这是因为该元素尚未添加到文档中。 DOM可用，但元素不在其中。

setTimeout调用使得浏览器在不再忙于运行代码时调用代码，当渲染完成并且元素已被添加到文档中时，会发生这种情况。

如果您使用的元素范围在jQuery的电话时，它会发现DIV尽管它已经不是在文件中：

console.log($('#customID', this.$el)[0]); 

或：

console.log(this.$el.find('#customID')[0]);