Ajaxed DIV隐藏和显示后,才DIV负荷皮张(Ajaxed div hide and show

2019-09-27 12:05发布

我有这个问题。 我工作的一个jQuery ajaxed网站。 我的主要内容股利在中间和顶部的导航。 我需要AJAX的内容,因为我有闪光backgound,使闪光视频将不会从开始的每页面加载后启动。 我能做到这一点的唯一方法就是用这种代码:

$(document).ready(function(){


$.ajaxSetup ({  
         cache: false  
         }); 

//For loading
     var ajax_load = "<img src='img/load.gif' alt='loading...' /><p>";  

 //  Var
    var loadPage1 = "page1.html";

//  Load page
    $("#page1").click(function(){
            $("#content").hide(2000);
            $("#content").html(ajax_load).load(loadPage1);
            $("#content").show(2000);
});

所有其他方式获得的股利没有工作,因为有人让插件等,在ajaxed DIV(内容)工作的问题。

所以...... everythig工作正常 - 但是,在div加载它从page1.html内容,并显示它,这样做后,才将其隐藏和显示它。 因此,它加载网页,然后做我想要的效果。

我需要排队一些这方面的知识或什么是正确的jQuery的方法是什么? 我想延迟,停止等,但似乎无法来解决这一点。 这是propably非常简单。

谢谢。

Answer 1:

显示在负载回调处理程序的元素。 即:

$("#page1").click(function(){             
    $("#content").hide();             
    $("#content").html(ajax_load).load(loadPage1, function(){
        $("#content").show(2000)
    });
}); 


Answer 2:

.load()需要两个参数,URI和回调负载后触发。 API在这里找到: http://api.jquery.com/load/

function() {
    $("#content").hide(2000);
    $("#content").html(ajax_load).load(loadPage1, function() {
        $("#content").show(2000);
    });
}


文章来源: Ajaxed div hide and show hides only after div load