jquery - Jquery ローダーは最初のリクエストに対してのみ機能します

Question

私は実際に自分のアプリに「人間工学的なタッチ」を加えようとしているので、html コンテンツを取得して div にロードする 3 つのリンクを取得しました。最初のリクエスト中にのみ表示されるローダーを除いて、すべて正常に動作します。

これが私のコードです

$(document).ready(function() {

 $('#loader')
.hide()  // hide it initially
.ajaxStart(function() {
    $(this).show();
})
.ajaxStop(function() {
    $(this).hide();
});

var uri_segment = "<?=$this->uri->segment(3);?>";


$('#editTeam').click(function (e) {

    e.preventDefault();
    $(this).parent().siblings().removeClass('active');

    $(this).parent('li').addClass('active');



    $.ajax({
        type : "GET",
        async : true,
        url : "<?=base_url().'ajax/team/get_editTeam/';?>"+uri_segment,
        dataType : "html",
        success : function(data){
                $('#divPage').html(data);

        }
    });

    return false;
});

$('#editRights').click(function (e){
    e.preventDefault();

    $(this).parent().siblings().removeClass('active');


    $(this).parent('li').addClass('active');

    $.ajax({
        type : "GET",
        async : false,
        url : "<?=base_url().'ajax/team/get_editRights/';?>"+uri_segment,
        dataType : "html",
        success : function(data){
                $('#divPage').html(data);
        }
    });
    return false;
});


$('#addMember').click(function (e){

    e.preventDefault();

    $(this).parent().siblings().removeClass('active');


    $(this).parent('li').addClass('active');



        $.ajax({
            type : "GET",
            async : false,
            url : "<?=base_url().'ajax/team/get_addMember/'.$this->uri->segment(3);?>",
            dataType : "html",
            success : function(data){
                $('#divPage').html(data);

            }
        });
        return false;
});


});