为什么 jQuery 从第 2 页开始没有应用于 Laravel 分页的结果

Question

我创建了一个 js 文件来配合我的帖子的喜欢和不喜欢功能。另外，我使用 Laravel 的 paginate 方法在一个页面中创建了 10 个帖子。

但是，我不知道为什么 javascript 似乎不适用于第 2 页以后的帖子。

更新

这是我的 js 文件：

$('.option1').on('click', function (event) {
        var flagL=0;
        var flagD=0;
        event.preventDefault();

        var postIdl = $(this).data("idl");
        postIdl= postIdl.substr(1);
        var postId2 = 'dc'+postIdl;
        var postId1 = 'lc'+postIdl;

        if($('.'+postId2).hasClass('active')){
            flagD=1;}
        if($('.'+postId1).hasClass('active')){
            flagL=1;}
        $.ajax({
            method: 'POST',
            url: urlLike,
            data: {postIdl: postIdl, _token: token, flagL: flagL, flagD: flagD}
        });

        $('.'+postId2).removeClass('active');

    });

    $('.optionx').on('click', function (event) {
        var flagL=0;
        var flagD=0;
        event.preventDefault();

        var postIdd = $(this).data("idd");
        postIdd= postIdd.substr(1);
        var postId1='lc'+postIdd;
        var postId2='dc'+postIdd;

        if($('.'+postId2).hasClass('active')){
            flagD=1;}
        if($('.'+postId1).hasClass('active')){
            flagL=1;}

        $.ajax({
            method: 'POST',
            url: urlDislike,
            data: {postIdd: postIdd, _token: token, flagL: flagL, flagD: flagD}
        });

        $('.'+postId1).removeClass('active');

    });

这是我使用分页的控制器：

public function home()
    {
        $posts=Depress::orderBy('id','DESC')->paginate(10);
        return view('home')->with('posts',$posts);
    }

更新 2

我发现了真正的问题，但不知道如何解决。我已经在以下链接中描述了，请看一下：Laravel 5 Paginate + Infinite Scroll jQuery

任何帮助将不胜感激。

Answer 1

我正在使用 jQuery DataTable 制作表格和分页，虽然它不一样，但我遇到了一个非常相似的问题。我试图使用 popover，它只在第一页上工作。

我做了类似的事情：

        var today = $('#all').dataTable({
        order: [[ 7, "desc" ]],
        autoWidth: false,
        dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
        language: {
            search: '<span>Filter:</span> _INPUT_',
            lengthMenu: '<span>Show:</span> _MENU_',
            paginate: { 'first': 'First', 'last': 'Last', 'next': '→', 'previous': '←' }
        },
        "aLengthMenu": [[10, 50, 100, -1], [10, 50, 100, "All"]],
        "iDisplayLength": 100
    });

还有他们：

    today.$('[data-popup="popover"]').popover().click(function(e) {e.preventDefault();});

关于这个答案的两点：

1) 也许应该是评论，但我还没有评论的声誉。

2) 我知道这不是您想要的，但它是一个开始。

你应该给我们看一些代码，它会更容易帮助你。