Question

有下面的代码将一个php页面加载到div中，一旦添加了这个内容，那个php页面上的jquery似乎无法正常工作。它只适用于直接打开它（没有ajax）

任何想法？

AJAX代码

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

PHP页面上的Jquery代码

<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

加载PHP时不会触发

document.ready。

但是在加载外部内容后运行脚本的正确方法是使用回调函数：

$('#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]] 
    }); 
});

如何让jquery与ajax一起工作？

1 个答案: