У меня есть jquery ajax, который, когда он возвращается и в зависимости от результата операции, исчезает и исчезает на странице различные сообщения DIV. Например:jackery fade-ins, fade-outs накапливаются
$("#RefConflictSelf").fadeIn(1000).fadeOut(6000);
Мне нравится этот эффект, и я хочу его сохранить.
Это нормально работает, когда пользователи ждут не менее 7 секунд, прежде чем нажать другую кнопку, чтобы запустить другую операцию ajax. Но если они переходят по кнопкам «один за другим» (законное действие - фактически), то разворачивание div и вставку начинают накапливаться, так что вы видите, что эти divs исчезают и исчезают для нескольких предыдущих операций, о которых пользователи больше не заботятся.
Реферат: К тому времени, как пользователь нажимает кнопку 2, они больше не заботятся о fadein/fadeout div от 1-го/предыдущего нажатия кнопки.
Вопрос: Есть ли способ НЕМЕДЛЕННО скрыть какие-либо «затухающие или исчезающие» divs, но все же правильно затухать в сообщении для последнего нажатия кнопки?
Я уже попытался это: всякий раз, когда кнопка нажата, я сразу же скрыть все дивы сообщение, например:
$("#RefConflictSelf").hide();
Этот вид работ, но это неуклюжие, потому что, если нажать 5 кнопок 1 за другой, новые сообщения div остаются невидимыми до тех пор, пока оригинал не исчезнет. Таким образом, «.hide()», похоже, топает на более поздних «затухающих» операциях, пока не истечет время исчезновения оригинала (или последнего нетопающего), и все это сделано.
Как сделать jquery спрятать все предыдущие сообщения об исчезновении div, но затем разрешить последнее сообщение div, а затем выйти, как обычно? (Если, конечно, еще одна кнопка не то нажал, и в этом случае старый один должен быть топал, а новый будет разрешено работать.)
Он также может захотеть ['.finish'] (http://api.jquery.com/finish/), если он хочет, чтобы состояние прыгало до конца всех поставленных в очередь действий. – Stryner
Терри, ты герой. Он работает отлично. BTW Я не повторял идентификаторы, так что часть была в порядке. Ваше первоначальное предложение разрешило это для меня: $ («# RefConflictSelf»). Stop (true) .fadeIn (1000) .fadeOut (6000); – HerrimanCoder