Кнопки Ajax Pagination "следующая" и "предыдущая" работают не очень хорошо

Я сделал свой собственный вид нумерации страниц. Работает хорошо. Но когда я включил коды ajax для разбивки на страницы, он сломался. 1-2-3-4- ... кнопки работают нормально. Но моя главная проблема:

Следующая кнопка меняет страницу на вторую страницу.

Предыдущая кнопка изменяет страницу на первую.

Невозможно перейти на третью страницу с помощью следующей кнопки, когда я оставался на второй странице.

В моем контроллере:

$videos = Video::orderBy('id', 'desc')->paginate(7);

    if ($request->ajax()) {
        return view('frontend.videos.data', compact('videos'));
    }
        return view('frontend.videos', compact('videos'));

В представлении:

<div id = "video-gallery" class = "row mt-10px" style = "width: 100%;margin: 0;">
        @include('frontend.videos.data')
    </div>

    {!! $videos->links('paginations.custom'); !!}

А это коды ajax:

    <script type = "text/javascript">
    $(window).on('hashchange', function() {
        if (window.location.hash) {
            var page = window.location.hash.replace('#', '');
            if (page == Number.NaN || page <= 0) {
                return false;
            }else{
                getData(page);
            }
        }
    });


    $(document).ready(function()
    {
        $(document).on('click', '.pagination a',function(event)
        {
            $('li').removeClass('active');
            $(this).parent('li').addClass('active');
            event.preventDefault();


            var myurl = $(this).attr('href');
            var page=$(this).attr('href').split('page=')[1];


            getData(page);
        });
    });


    function getData(page){
        $.ajax(
            {
                url: '?page=' + page,
                type: "get",
                datatype: "html",
            })
            .done(function(data)
            {
                $("#video-gallery").empty().html(data);
                $videoLightGallery.data('lightGallery').destroy(true);
                $videoLightGallery.lightGallery();
                //location.hash = page;
            })
            .fail(function(jqXHR, ajaxOptions, thrownError)
            {
                alert('No Response From Server');
            });
    }
</script>
@endsection

Я надеюсь, что кто-нибудь сможет мне помочь. Заранее спасибо.

magento.stackexchange.com/questions/316910/…
Kirti Nariya 10.07.2020 08:38
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
1
469
1

Ответы 1

При обновлении страницы необходимо также обновить атрибут href кнопок «Предыдущая» и «Следующая». Они отображаются на стороне сервера и будут содержать правильный href только при новой загрузке страницы.

Так

$(window).on('hashchange', function() {
    // Update href tags.
    // Not giving everything away ;)
});

Пожалуйста, помогите мне с проблемой нумерации страниц. magento.stackexchange.com/questions/316910/…

Kirti Nariya 10.07.2020 08:38

Другие вопросы по теме