Справка по jQuery / Ajax - загрузите страницу в div, обновите страницу в div и нажмите - PullRequest
Новая
       18

Справка по jQuery / Ajax - загрузите страницу в div, обновите страницу в div и нажмите

0 голосов
/ 08 июня 2019

У меня есть div, где в него загружена страница со списком данных из базы данных.Цель состоит в том, чтобы разделить список на страницы и перемещаться по страницам, щелкая ссылку без обновления страницы.

Следующий код загружает страницу в div, обновляет страницу в div, но позволяет толькоклик по загрузке страницы.Я не уверен, как разрешить щелчок, когда обновления происходят в div.По сути, я могу перейти на страницу 2, но не могу вернуться на страницу 1 или перейти на страницу 3. Нажатие приводит к ничему.Ссылки правильно ссылаются на страницу 1 и страницу 3, когда я перехожу на страницу 2. Я не знаю, как применить функцию щелчка к загрузке и HTML. 

$('#display-list').load('list.php', function() {
    $("#list-next-page").click(function(){
        var page=$("#list-next-page").val();
            $.ajax({
                url:'list.php?page_id=' + page,
                method:'GET',
                data:{
                    page:page,
                },
                success:function(data){
                    $('#display-list').html(data);
                }
            });
    }); 
});

1 Ответ

0 голосов
/ 08 июня 2019

Кажется, что работает что-то вроде следующего: 

$('#display-list').load('list.php', function() {
    $("#list-next-page").click(handleClick);
}); 

function handleClick(){
        var page=$("#list-next-page").val();
        $.ajax({
            url:'list.php?page_id=' + page,
            method:'GET',
            data:{
                page:page,
            },
            success:function(data){
                $('#display-list').html(data);
                $("#list-next-page").click(handleClick);
                $("#list-prev-page").click(handleClick);
            }
     });    
}

Мне нужно изменить его, чтобы правильно передать номера страниц для следующих и предыдущих ссылок.

...