Jquery将内容加载到ajax容器中,并在完全完成时发出警报

时间:2015-02-01 01:57:25

标签: javascript jquery html ajax load

嗨,我有这个问题。我正在一个容器中将新页面加载到我的DOM中,并在加载图像或视频等元素之前显示警报。

height : function (){ 
    var newHeight = $('#primary').height();   
    var el = $('.show-container');
    el.css({'height': newHeight + 'px'});    
},

loading : function(page){           
    var self= this;
    $.ajaxSetup({cache:false}); 
    $('#ajax-inserted1').load(page, function(){   
         $('#remove').removeClass('to-screen').addClass('to-left');
         $(this).removeClass('to-right, to-left');
         $(this).addClass('to-screen');

         self.height();
     });
 },

是否有可能等到所有东西都装满了?

1 个答案:

答案 0 :(得分:0)

是的,你可以使用几乎相同的$.get(url, data, success),除了它是一个方法而不是全局函数,它有一个隐式回调函数。

然后将ASYNC属性设置为false。

不建议这样做,因为AJAX是为异步调用而制作的。但这是一种方法。

在AJAX调用之后,最好使用.load()第三个参数中的complete回调来执行任何操作。

.load( url [, data ] [, complete ] )

<强>实施例

$('#ajax-container').load(page, function(){   
    var height = $(this).height();
    alert(height);
});