1

リンク付きのデータの表

<strong>1</strong> <a href ='index.cgi?reqpage=2&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a> 

$(document).ready(function () {
    $('.paginateAdmin').on('click', function (e) {
        e.preventDefault();
        var post = $(this).attr("href");
        var id = $(this).attr('id');
        var array = post.split('?');
        $.post(
            'index.cgi',
        array[1],
        function (data, status) {
            switch (id) {
                case "nonItPaginate":
                    $('#nonit').html(data);
                    break;
                case "ItPaginate":
                    $('#it').html(data);
                    break;
                case "govtPaginate":
                    $('#govt').html(data);
                    break;
                default:
            }
        });
    });
});

投稿リクエストの後、データはリンクで構成されます

このリンクを含むデータの表

<strong>2</strong> <a href ='index.cgi?reqpage=3&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a>

しかし、 nextpage をクリックすると、クリックイベントが機能しません。応答データを取得できるように機能する場合

データの表

<strong>3</strong> <a href ='index.cgi?reqpage=4&job_category_id=1' class='paginateAdmin' id='nonItPaginate'>nextPage</a>

しかし、それはイベントを発生させていません。

4

2 に答える 2

0

解決策は 

$(document).ready(function() {

     $(document).on('click','.paginateAdmin',
            function(e){
    e.preventDefault();
        var post = $(this).attr("href");
        var id=$(this).attr('id');
        var array = post.split('?');

    $.post(
        'index.cgi',
        array[1],
        function(data,status){

           switch(id)
            {
                case "nonItPaginate":

                     $('#nonit').html(data);

                    break;
                case "ItPaginate":

                         $('#it').html(data);
                        break;
                case "govtPaginate":

                     $('#govt').html(data);
                    break;
            default:

                 }


    });

    });
     });
于 2013-03-28T21:08:12.030 に答える
0

これにより、クラスを持つすべての既存の要素に対してのみイベント$('.paginateAdmin').on('click', function(){})がバインドされます。代わりにそのような構文を使用する必要があります。clickpaginateAdmin$(document).on('click', '.paginateAdmin', function(){...

于 2013-03-28T20:49:36.947 に答える