2ページ目の読み込みの前にdivを表示する方法

Question

名前がADDのdivがあります。このボタンで、現在のページにajaxloadで2番目のページをロードします。問題は、どのようにしてdivを4秒間表示してから2ページ目を読み込むことができるのですか？そして4秒後に2ページ目が読み込まれますか？

\t $(function() { 
 
\t $('.add').click(function() { 
 
\t $('.here').html('<span class="loading">LOADING...</span>'); 
 
\t $('.here').load('secondpage.html'); 
 
\t }); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<a href="javascript:void(0)" href="javascript "><div class="add">ADD Zone</div></a> 
 
<div class="here" style="border:1px solid #000; width:100%; height:400px;"> 
 
</div>

Answer 1

あなたが使用することができsetTimeout：

$(function() { 
    $('.add').click(function() { 
    $('.here').html('<span class="loading">LOADING...</span>'); 
    setTimeout(function() { 
     $('.here').load('secondpage.html'); 
    }, 4000); 
    }); 
}); 

ここに私のスニペットです