Скрипт не отвечает должным образом (включено AJAX) - PullRequest
0 голосов
/ 29 мая 2020

У меня есть страница профиля, где в div я перечисляю сообщения пользователя. Если есть только 10 сообщений, ничего не происходит. Но если их больше, я пытаюсь выполнить бесконечную прокрутку, при этом #loading image является полем, которое активируется при прокрутке вниз. Пока что с этим кодом #loading мигает только вверху страницы и быстро исчезает, вместо этого активируется в нижней части поста div. Это код:

    var userLoggedIn = '<?php echo $userLoggedIn; ?>';

    $(document).ready(function() {

        $('#loading').show();

        //Original ajax request for loading first posts 
        $.ajax({
            url: "includes/handlers/ajax_load_posts.php",
            type: "POST",
            data: "page=1&userLoggedIn=" + userLoggedIn,
            cache:false,

            success: function(data) {
                $('#loading').hide();
                $('.posts_area').html(data);
            }
        });

        $(window).scroll(function() {
            var height = $('.posts_area').height(); //Div containing posts
            var scroll_top = $(this).scrollTop();
            var page = $('.posts_area').find('.nextPage').val();
            var noMorePosts = $('.posts_area').find('.noMorePosts').val();

            if ((document.body.scrollHeight == document.body.scrollTop + window.innerHeight) && noMorePosts == 'false') {

                $('#loading').show();
                alert("Success");

                var ajaxReq = $.ajax({
                    url: "includes/handlers/ajax_load_posts.php",
                    type: "POST",
                    data: "page=" + page + "&userLoggedIn=" + userLoggedIn,
                    cache:false,

                    success: function(response) {
                        $('.posts_area').find('.nextPage').remove(); //Removes current .nextpage 
                        $('.posts_area').find('.noMorePosts').remove(); //Removes current .nextpage 

                        $('#loading').hide();
                        $('.posts_area').append(response);

                        alert("Success");



                    }
                });

            } //End if 

            return false;

        }); //End (window).scroll(function())


    });

    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...