javascript - 为什么这段代码中需要 setTimeout

Question

$(document).on('click', '#JS_btn1', function(e) {
  var self = $(this);
  setTimeout(function(){
    self.parent('div').html('<a href="javascript:void(0);" class="btn_ok" id="JS_btn2">OK</a>');
  });
})

代码显示，在完成监听器事件之前，#JS_btn1 被#JS_btn2 替换。现在的问题是，为什么在IE7/8中需要setTimeout来防止错误？

Answer 1

最有可能的是，IE 7/8 持有对您要替换的 DOM 节点的引用，然后尝试检索节点名称。由于该节点已在您的函数中以及 DOM 中删除，因此 IE 会抛出错误。调用 setTimeout() 允许调用者在替换节点之前释放该节点。