2016-07-02 17 views
1

jsファイルを作成して、投稿の好き嫌いの機能を利用しました。また、私はLaravelのpaginateメソッドを使って1つのページに10の投稿を作成しました。2ページ目以降のLaravelページネーションの結果にjQueryが適用されないのはなぜですか?

しかし、なぜJavaScriptが2ページ目以降の投稿に対して機能していないのか分かりません。

UPDATE

これは私のjsファイルです:

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

UPDATE 2

:これは、ページネーションを使用している私のコントローラである

$('.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'); 

    }); 

私は本当の問題が何であるかを知ったが、それを解決する方法を知らない。私は次のリンクにそれを記述しました。見てください:Laravel 5 Paginate + Infinite Scroll jQuery

助けていただければ幸いです。

+0

いくつかのコードを表示できますか? – linuxartisan

+0

@linuxartisan私は自分の質問を更新しました。コメントしてくれてありがとう – Ronit

+0

ブラウザの 'developer tools'はあなたに何を伝えていますか? 'javascript'にエラーがありますか?開発ツールの場合は、 'F12 'を押します。 – linuxartisan

答えて

0

私はjQuery DataTableを使用してテーブルとページを作成していますが、同じではありませんが、私は本当に似たような問題がありました。私はpopoverを使用しようとしていました、そして、それは最初のページでしか働いていませんでした。

私はそのようなものでした:たぶん、それはコメントする必要がありますが、私はありません持っている

1):

 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();}); 

2点をまだコメントする評判。

2)私はそれがあなたが探しているものではないことを知っていますが、それはスタートです。

私たちにいくつかのコードを示す必要があります。それはあなたを助けてくれるでしょう。

+0

私はコードを更新しました。 JavaScriptコードは、ページネーションを追加する前に正常に機能しました。 – Ronit

+0

オプション1とオプションxクラス、データidlとiddを見ることができるhtmlコードを挿入できますか? –

+0

私は本当の問題が何であるかを見つけましたが、それを解決する方法はわかりません。私は次のリンクで説明しました。見てください:http://stackoverflow.com/questions/33225256/laravel-5-paginate-infinite-scroll-jquery – Ronit

関連する問題