0

Выводит в #test следующее:

<a class="page" href="/test.php?page=1">1</a> <a class="page" href="/test.php?page=2">2</a>

$.get('test.php',  function(data) {
 $('#test').html('<div class="content">'+data+'</div>');
 // реалиовываем переход по страницам
 $('.content .page').click(function() {
  var href = $(this).attr('href');
  $.get(href, function(data) {
   $('.content').html(data);
  });
 });
});

С первого клика происходит всё отлично, а если второй раз кликнуть по .page, то просто будто ничего не срабатывает.

2 ответа 2

4

Судя по тому что блок с навигацией по страницам у вас находится в блоке .content вы заменяете элементы на которых стоит обработчик другими элементами которые уже без обработчика.

$('.content').html(data);

Думаю проблема решится если вынести навигацию по страницам за пределы блока .content

Update:

Можно еще так попробовать:

$.get('test.php',  function(data) {
    $('#test').html('<div class="content">'+data+'</div>');
    bindPageClick();
});

function bindPageClick() {
     // реалиовываем переход по страницам
     $('.content .page').click(function() {
         var href = $(this).attr('href');
         $.get(href, function(data) {
             $('.content').empty().html(data);
             bindPageClick()
         });
     });
}
1
  • @Kison, гений, спасибо!
    – ModaL
    2 авг 2013 в 12:25
3

Используйте делегирование:

$('.content').on('click', '.page', function() {
    // ...
});

P.S. Для jQuery > 1.4, но < 1.8

$('.content').delegate('.page', 'click', function() {
    // ...
});
3
  • @RubaXa, Uncaught TypeError: Object #<Object> has no method 'on' :(
    – ModaL
    2 авг 2013 в 12:16
  • Какая версия jQuery?
    – RubaXa
    2 авг 2013 в 12:20
  • Либо jQuery меньше 1.7, либо конфликт каких-то плагинов.
    – lampa
    2 авг 2013 в 12:32

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.