Im используя этот скрипт для фильтрации элементов на основе класса. В настоящее время он останавливает предыдущую функцию и исчезает в новом классе.Добавить fadeOut перед fadeIn
В основном мне нужно fadeOut все, прежде чем он начнет селектор fadein. В настоящее время это резкий отрезок от 100% непрозрачности, чтобы начинать затухание в селекторе, и я хочу плавно исчезать из текущего (или определенного класса), а после этого исчезает в этом.
мой код:
$('div.tags').delegate('input[type=radio]', 'change', update);
update();
function update() {
var $lis = $('.results > div'),
$checked = $('input:checked');
if ($checked.length) {
var selector = $checked.map(function() {
return '.' + $(this).attr('rel');
}).get().join('');
$lis.hide().filter(selector).stop().fadeIn(1000, 'easeInCirc');
} else {
$lis.stop().fadeIn(1000, 'easeInCirc');
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tags">
<label class="odseba">
<input class="fadeout" type="radio" checked="checked" rel="all" name="gg" /><span>VŠETKO</span></label>
<label class="odseba">
<input type="radio" rel="web" name="gg" /><span>WEB</span></label>
<label class="odseba">
<input type="radio" rel="eshop" name="gg" /><span>ESHOP</span></label>
<label class="odseba">
<input type="radio" rel="seo" name="gg" /><span>SEO</span></label>
<label class="odseba">
<input type="radio" rel="grafika" name="gg" /><span>GRAFIKA</span></label>
<label class="odseba">
<input type="radio" rel="logo" name="gg" /><span>LOGO</span></label>
<label class="odseba">
<input type="radio" rel="reklama" name="gg" /><span>REKLAMA</span></label>
<label class="odseba">
<input type="radio" rel="kampan" name="gg" /><span>KAMPAŇ</span></label>
<label class="odseba">
<input type="radio" rel="branding" name="gg" /><span>BRANDING</span></label>
<label class="odseba">
<input type="radio" rel="print" name="gg" /><span>PRINT</span></label>
</div>
and these are idems being filtered:
<div class="span4 thumb-pad0 all web eshop print seo">
<div class="thumbnail">
<figure><a href="img/img5.jpg"><img src="img/page3_pic5.jpg" alt=""></a></figure>
<div class="caption">
<h2 style="font:28px/28px 'Century Gothic', 'Century Gothic', Arial, Helvetica, Century Gothic; color:#FFF; text-transform:uppercase; margin:0;">Name</h2>
<p>lorem ipsum</p>
</div>
</div>
</div>
он перестал работать, когда Я сделал это:/ –
Очевидно, вам нужно сменить селектор для fadeOut() на любой элемент (ы), к которому вы хотите применить затухание. Кроме того, «ослабление» не является фактическим вариантом ... просто заполнителем, я не знаю, что вы хотите, в частности. Но что касается прохождения процедуры обратного вызова, она должна работать, если вы вносите правильные/необходимые изменения. – Nunchy