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