Question

我想知道是否可以在显示时加载div的内容，以减少浏览器负载。例如，div开始时是隐藏的，但是当按下按钮时，会触发fadeIn（）。我可以这样做，以便该div的内容仅在它消失后加载吗？

以下是我现在的代码：

$(document).ready(function(){
    $('.page1').click(function() {
        $('.page1').fadeOut(250, function() {
            $('.page2').fadeIn(250)
        });
    });
});

我只想在可见的情况下加载.page2的内容。

感谢。：）

Answer 1

您可以在fadeIn

之后从ajax触发加载

$(document).ready(function(){
    $('.page1').click(function() {
        $('.page1').fadeOut(250, function() {
            $('.page2').fadeIn(250, function(){
                $(".page2").load("/somepage.htm")
            })
        });
    });
});

请参阅：http://api.jquery.com/load/

Answer 2

$(function(){
    // Please hide your div inside the content div either in css or js.
    $('#contentDiv').css('display', 'none');

    $('.page1').click(function() {
        $('.page1').fadeOut(250);
        $('.page2').fadeIn(250, function(){
            $('#contentDiv').css('display', 'block');
        })
    });
});

jQuery - 仅在触发fadeIn（）时加载div的内容

2 个答案: