為什么在此代碼中需要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節點的引用，然后嘗試檢索nodeName。 由於節點已從函數中刪除，並且已從DOM中刪除，因此IE會引發錯誤。 調用setTimeout（）允許調用者在替換節點之前釋放該節點。