如何使jQuery與AJAX工作？

Question

有下面的代碼，加載一個PHP頁面到一個div中，一旦這個內容被添加到該PHP頁面上的jQuery不似乎工作。它只適用於直接打開它（不含阿賈克斯）

有什麼想法？

Ajax代碼

<script> 
    $(document).ready (function() { 
     $('#NavButton1').click(function(event) { 
     $('#content').empty(); 
     $('#content').load('placeholder.php'); 
     }) 
    }) 
</script> 

jQuery的PHP頁面

<script> 


$(document).ready(function() { 

    // call the tablesorter plugin 
    $('#myTable').tablesorter({ 
     // sort on the first column and third column, order asc 
     sortList: [[0,0],[2,0]] 
    }); 
}); 

</script> 

Answer 1

document.ready上的代碼，當你加載你的PHP不會被觸發。

但正確的方式有一個腳本加載後，外部內容是使用一個回調函數運行：

$('#content').load('placeholder.php', function() { 
    // call the tablesorter plugin 
    $('#myTable').tablesorter({ 
     // sort on the first column and third column, order asc 
     sortList: [[0,0],[2,0]] 
    }); 
});