ページ区切りページでカスタムJQUERYが読み込まれない（最初のページを除く）

Question

ページビューの要素に影響を与える次のjQueryを実行しています。以下のように My機能の：

$("#clname").on("change", function() { 
    var value = $(this).val(); 

    $("table tr").each(function(index) { 
     if (index !== 0) { 

     $row = $(this); 

     var id = $row.find("td:eq(0)").text(); 

     if (id.indexOf(value) !== 0) { 
      $row.hide(); 
     } 
     else { 
      $row.show(); 
     } 
     } 
    }); 
}); 

Answer 1

あなたのページネーションのコールバックでコードを再利用する必要があります。

編集：あなたは、AJAXを使用する場合は、単に成功機能にコードを追加します。

$.ajax({ 
     url: '/pagination', 
     dataType: 'json', 
     cache: false, 
     success: function(data) { 
      //ADD your code here 
     }, 
     error: function(xhr, status, err) { 
      console.error(this.props.url, status, err.toString()); 
     } 
    }); 
} 

をあなただけのページネーションのクリックに機能上のコードを追加しアヤックスを使用していない場合。

$('body')on('click', '.pagination>a', function(event) { 
    $("#clname").on("change", function() { 
    var value = $(this).val(); 

    $("table tr").each(function(index) { 
    if (index !== 0) { 

    $row = $(this); 

    var id = $row.find("td:eq(0)").text(); 

    if (id.indexOf(value) !== 0) { 
     $row.hide(); 
    } 
    else { 
     $row.show(); 
    } 
    } 
    }); 
    }); 
    });