Fading in and out Результаты поиска Ajax

Question

В настоящее время я использую Ultimate WP Query Search Filter в Wordpress. Я пытаюсь заставить мои результаты поиска Ajax исчезать и исчезать, когда пользователь выбирает различные параметры.

$(document).ajaxStart(function() { 
    $(".content").hide(); 
    }) 
.ajaxStop(function() { 
    $(".content").fadeIn(1500); 
}); 

Это работает успешно, когда пользователь изначально ищет и нет контента, он плавно исчезает. Однако, если результаты поиска отображаются на экране, и пользователь выбирает новую опцию, содержимое скрывается без какого-либо эффекта. Можно ли погасить существующий контент при выборе новой опции?

Если я установил, что ajaxStart исчезнет, ​​содержимое будет отображаться без эффекта, а затем исчезает, а затем выходит.

Answer 1

Используйте функцию обратного вызова fadeOut() пнуть Аякс после fadeOut анимации заканчивается.

$(".content").fadeOut(1500,function(){ 
    $(document).ajaxStart().ajaxStop(function() { 
     $(".content").fadeIn(1500); 
    }); 
}); 

Answer 2

Вы должны проверить, если элемент уже виден, как:

if($(".content").is(':visible')) { 
    $(".content").hide(); 
} 

, а затем показать FadeIn с новым содержанием.

Answer 3

$(document).ajaxStart(function() { 
    $(".content").hide(); 
}) 
.ajaxStop(function() { 
    $(".content").show(1500); 
});