как заставить jquery работать с ajax?

Имейте приведенный ниже код, который загружает php-страницу в div, после добавления этого содержимого jquery на этой php-странице, похоже, не работает. Это работает, только если вы открываете его напрямую (без 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>

person user3078580    schedule 09.12.2013    source источник
comment
удалить $(document).ready со страницы php.   -  person Hardy    schedule 10.12.2013
comment
убедитесь, что jquery на загруженной странице идет ПОСЛЕ элементов, на которые он должен повлиять.   -  person Kevin B    schedule 10.12.2013


Ответы (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]] 
    }); 
});
person Samuel    schedule 09.12.2013
comment
РАБОТАЛ! Спасибо!! :) - person user3078580; 10.12.2013