Я хочу, чтобы пользователь ждал 2 секунды, прежде чем HTML внутри блока изменится. Можете ли вы помочь мне установить какое-то время, так что Ajax запрос не был настолько быстр, и у меня было время, чтобы показать некоторые анимацииЯ хочу задержать jQuery ajax успешной функции
Я пытался установить тайм-аут, но он не работает
jQuery(document).ready(function($) {
$(document).on('click', '#wp-request', function(event){
\t event.preventDefault(); \t
\t var path = myScript.pluginsUrl + '/simple/widget-final.php';
\t \t \t \t $.ajax({
\t \t \t \t \t type : 'POST',
url: path,
cache: false,
\t \t \t \t \t success : function(data){
\t \t \t \t \t var newWidget = $(data);
\t \t \t \t \t $('#widget-container').replaceWith(newWidget);
\t \t \t \t \t },
\t \t \t \t \t error : function(){ alert('Error'); },
\t \t \t \t \t dataType : 'html'
});
\t \t \t \t
});
$(document).on('click', '#wp-back', function(event){
\t \t \t \t event.preventDefault();
\t \t \t \t var path = myScript.pluginsUrl + '/simple/widget-initial.php';
\t \t \t \t $.ajax({
\t \t \t \t \t type : 'POST',
url: path,
cache: false,
\t \t \t \t \t success : function(data){
\t \t \t \t \t var newWidget = $(data);
\t \t \t \t \t $('#widget-container').replaceWith(newWidget);
\t \t \t \t \t },
\t \t \t \t \t error : function(){ alert('Error'); },
\t \t \t \t \t dataType : 'html'
});
\t \t \t \t
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="widget-container">
<p>We are on first page</p>
<a id="wp-request" href="">Send</a>
</div>
Применить 'setTimeout' в обратном вызове успеха –