jQuery的/ AJAX裝載的表上沒有顯示IE 9

Question

我的jQuery/AJAX

function initializeDaily() { 
jQuery.post(
     'ajax-functions.php', 
     { 
      'action':'getdailyStatus' 
     }, 
     function(response){ 
      var html = response 
      $('#daily_result').append(html) //append to table #daily_result 

      var rowid = $('#daily_result tr:first-child').attr('id') 

      getDetails(rowid) 
     }) 
} 

這將工作在所有其他瀏覽，而不是在IE9裝表。 getDetails（ROWID）將工作，所以我不相信有語法錯誤

，另一方面

，如果我這樣做：

function initializeDaily() { 
jQuery.post(
     'ajax-functions.php', 
     { 
      'action':'getdailyStatus' 
     }, 
     function(response){ 
      var html = ' <table id="daily_result" cellspacing="0">'+"\n" 
      html += response 
      html += ' </table>'+"\n" 
      $('#data_scroll').html(html) //div that holds the table 

      var rowid = $('#daily_result tr:first-child').attr('id') 

      getDetails(rowid) 
     }) 
} 

表負載正常的，但我的$("#daily_result").on("click", "tr", function(event))不起作用。

有沒有解決這個問題的方法？ 這將是很大的幫助，如果任何人都可以告訴我是什麼地方出了錯=）

**編輯

確定...我設法得到它的工作。但是，我認爲這不是最好的辦法。

這是我做過什麼：

jQuery.post(//its still post 
    'ajax-functions.php', 
    { 
     'action':'getdailyStatus' 
    }, 
    function(response){ 
     var html = response 

     $('#data_scroll').html(html) 

     var rowid = $('#daily_result tr:first-child').attr('id') 

     //moved my event handler here; after the loading of the table 
     $("#daily_result").on("mouseenter mouseleave", "tr", function(event){ 
      if(event.type == "mouseenter"){ 
       $(this).css("background","#999") 
       $(this).css("color","#FFF") 
      } 
      else { 
       $(this).removeAttr('style') 
      } 
     }) 
     getDetails(rowid) 
    }) 

有什麼辦法，我可以做得更好？

謝謝。

Answer 1

嘗試

$('#daily_result').load('ajax-functions.php', { 
      'action':'getdailyStatus' 
     }, function(){ 
      var rowid = $('#daily_result tr:first-child').attr('id') 
      getDetails(rowid) 
     });