Jquery加载器仅对第一个请求有效

Jquery加载器仅对第一个请求有效,jquery,ajax,loader,Jquery,Ajax,Loader,实际上,我正在尝试为我的应用程序提供一个“符合人体工程学的触感”,所以我得到了3个链接,可以获取html内容并将其加载到一个div中。除了只在第一次请求时出现的加载程序外,所有的工作都很好 这是我的密码 $(document).ready(function() { $('#loader') .hide() // hide it initially .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() {

实际上,我正在尝试为我的应用程序提供一个“符合人体工程学的触感”,所以我得到了3个链接,可以获取html内容并将其加载到一个div中。除了只在第一次请求时出现的加载程序外,所有的工作都很好

这是我的密码

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


});
$(文档).ready(函数(){
$(“#加载器”)
.hide()//最初隐藏它
.ajaxStart(函数(){
$(this.show();
})
.ajaxStop(函数(){
$(this.hide();
});
var uri_段=”;
$(“#编辑团队”)。单击(函数(e){
e、 预防默认值();
$(this.parent().sides().removeClass('active');
$(this.parent('li').addClass('active');
$.ajax({
键入:“获取”,
async:true,
url:“+uri\U段,
数据类型:“html”,
成功:功能(数据){
$('#divPage').html(数据);
}
});
返回false;
});
$(“#编辑权限”)。单击(函数(e){
e、 预防默认值();
$(this.parent().sides().removeClass('active');
$(this.parent('li').addClass('active');
$.ajax({
键入:“获取”,
async:false,
url:“+uri\U段,
数据类型:“html”,
成功:功能(数据){
$('#divPage').html(数据);
}
});
返回false;
});
$('#addMember')。单击(函数(e){
e、 预防默认值();
$(this.parent().sides().removeClass('active');
$(this.parent('li').addClass('active');
$.ajax({
键入:“获取”,
async:false,
url:“”,
数据类型:“html”,
成功:功能(数据){
$('#divPage').html(数据);
}
});
返回false;
});
});

尝试将您的
ajaxStart
/
ajaxStop
移动到文档上


控制台中有JS错误吗?否:/All很好,ajax请求也一样。我在ajaxStart和ajaxStop中添加了一个日志,工作正常。可能是缓存造成的?请尝试记录
this
的值。工作正常。。。获取法线显示:块/无
$('#loader').hide();

$('document')
  .ajaxStart(function() {
    $('#loader').show();
  })
  .ajaxStop(function() {
    $('#loader').hide();
  });