javascript - Laravel 无限滚动并从 Api 获取数据

Question

我从这样的api获取数据它的工作但是当滚动底部加载和组件样式看起来js没有加载或不工作我不知道帮助我

Route::get('/newsfeed', function () {
    $path = Http::get('http:/api/mobile-app/v3/newsfeeds?page[number]=' . request('page', 1));

    if (request('page') > 1) {
        return view('layout.render-component', ['feeds' => $path]);
    }

    return view('newsfeed', ['feeds' => $path]);
});

我的观点：

<div class="main">
        <div class="container body">
            <div class="cont-half">
                <div style="background-color: white" class="rounded">
                    <div class="deed pt-5 pl-3">
                        <div class="today" style="margin: 2rem 0 0 0;">
                            <div class="title" style="margin-bottom: 1rem;">
                                <label id="lblGreetings" class="greeting"></label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="infinite-scroll">
                    @include('layout.component')
                </div>

            </div>
        </div>
    </div>

Javascript部分：

<script type="text/javascript">
        $(function() {
            var i = 2;
            $(window).scroll(function() {

                if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                    $.get('/newsfeed?page=' + i).then(function(data) {
                        $('.infinite-scroll').append(data);
                        i++;
                    });
                }
            });
        })
    </script>

它可以工作，但是当下一页加载和组件样式看起来 js 没有加载或不工作时，我不知道我是新开发的。请帮助我，我不擅长 javascript，我该怎么办？我的结果照片：

链接：https ://snipboard.io/msL12b.jpg

标签： javascriptlaravelscrollinfinite-scroll