Ẩn các phần tử cho đến khi trang tải xong - sử dụng jquery

Tôi vừa viết một mã chết đơn giản để ẩn tất cả các phần tử cho đến khi trang tải xong và hiển thị chỉ báo trong khi đang tải .. (Nó hoạt động).Ẩn các phần tử cho đến khi trang tải xong - sử dụng jquery

vì vậy những gì tôi yêu cầu là biết tôi có làm đúng không và bạn sẽ đề xuất điều gì.

HTML

<body> 
    <div class="loading"> 
     <img src="indicator.gif"/> 
    </div> 

    <div class="content"> 
     <!-- page content goes here --> 
    </div> 
</body>

jquery

$(document).ready(function(){ 
     $(".content").hide(); 
    }); 

    $(window).load(function(){ 
     $(".loading").fadeOut("slow"); 
     $(".content").fadeIn("slow"); 
    });

Nguồn

2011-09-13 Sam

Có thể bạn muốn ẩn div nội dung ngay từ đầu để tránh bất kỳ nhấp nháy trang có thể phụ thuộc vào những gì đang được nạp trên trang.

<body> 
    <div class="loading"> 
    <img src="indicator.gif"/> 
    </div> 

    <div class="content" style="display: none;"> 
    <!-- page content goes here --> 
    </div> 
</body> 


$(window).load(function(){ 
    $(".loading").fadeOut("slow"); 
    $(".content").fadeIn("slow"); 
});

Nguồn

2011-09-13 09:50:15 njr101

bắt tốt! có lý. – Sam

Một cải tiến nhỏ trên Javascript này là sử dụng gọi lại trên fadeout để làm mờ dần khi bắt đầu mờ dần. Điều này cho phép bạn chuyển đổi mượt mà hơn nhiều.

<body> 
    <div class="loading"> 
    <img src="indicator.gif"/> 
    </div> 

    <div class="content" style="display: none;"> 
    <!-- page content goes here --> 
    </div> 
</body> 


$(window).load(function(){ 
    $(".loading").fadeOut("slow", function(){ 
    $(".content").fadeIn("slow"); 
    }); 
});

Nguồn

2014-02-18 11:06:42 nidal

Ẩn các phần tử cho đến khi trang tải xong - sử dụng jquery

Trả lời

Các vấn đề liên quan