0

製品を表示するページがあります。製品は ajax リクエストを介して表示されます。製品には、ページネーション ボタンが含まれています。これが私の $('document').ready(function(){

    $.ajax({
            url: '<?=base_url().'catalog/show_listings';?>',
            type:'POST',
            dataType: 'json',
            success: function(data){
                    $('#result_container').html(data);
                }, // End of success function of ajax form
             complete : function(){
                    $('ul#pag-link > li > a').click(function(){

                        var link = $(this).attr('href')

                        $.ajax({
                            url: '<?=base_url().'catalog/show_listings';?>',
                            type:'GET',
                            dataType: 'json',
                            success: function(listings){
                                    $('#result_container').html(listings);
                                } // End of success function of ajax form       
                         }); // End of ajax call                            

                        return false;
                    });
                }
            }); // End of ajax call

最初の ajax 呼び出しが成功すると、リストを取得して div #result_container に表示します。次に、同じ ajax 呼び出しが完了すると、順序付けられていないリスト #pag-link (ページネーション ボタン) のアンカーのクリックを作成します。これにより、リストの次のセットが返され、#result_container に再度表示されます。また、ページネーション ボタンも再度読み込まれます。ページネーションボタンがバインディングに存在しないため、以前に行うことができないため、これを完全に行います。

ここに問題があります。これを機能させるには、ページネーション ボタンの onclick イベントを ajax 完全に追加する必要があります。より多くの製品とページネーションの ajax ロードごとにこれを行う必要があります。

これは明らかに正しいアプローチではありません。助言がありますか？

4

1 に答える 1