小编use*_*641的帖子

我正在尝试在 Bootstrap 模式中实现无限滚动。我尝试了几个无限滚动库，但没有一个在模态中工作过。

这是我的代码现在的样子。

当模态打开时，jQuery 侦听事件并从服务器请求数据：

$(document).on('show.bs.modal', '#modal', function(event)
{
    var modal = $(this);
    var modalBody = modal.find('.modal-body');

    $.ajax({
        url: '/messages',
        type: 'post',
        dataType: 'json'
        success: function(data)
        {
            // Append the rendered view to the modal body
            modalBody.append(data.data.view);
        }
    });
});

这是getData()它从中检索消息的方法：

public function getData()
{
    $messages = Message::paginate(10);

    return response()->json([
        'success' => true,
        'data' => [
            'view' => view('layouts.messages', ['messages' => $messages])->render()
        ]
    ], 200);
}

这是我的layouts.messages刀片文件：

<div class="messages-container">
    @foreach ($messages as $message)
        <div class="message">{{ …