jQuery: когда .animate.slideUp завершено

Мне нужно что-то выполнить (допустим, предупреждение) после завершения анимации и слайдов. С помощью моего текущего метода предупреждение запускается после анимации и после слайд-шоу.jQuery: когда .animate.slideUp завершено

Вот код я использую:

$(this).siblings() 
     .find("ul") 
     .animate({width:'1px'}, 1) 
     .slideUp(1, function(){ 
      alert("Handler for called."); 
     });

Кстати -это там лучший способ установить обратно ширину исходной 1px и «отменить» slideDown, чем с тем, как я это сделал выше?

Спасибо!

источник

2013-07-16 user1658080

Так что вы хотели бы, чтобы стрелять предупреждение два раза, по одному для каждой анимации? – adeneo

вы можете поделиться html, а также как этот метод будет выполнен, это приведет к обратному вызову после 'slideUp' –

Если вы получаете более одного предупреждения, это потому, что' $ (this) .siblings() 'может возвращать больше, чем 1 элемент –

$(document).ready(function() { 
    $("#nav li:has(ul)").hover(function() { 
     $(this).siblings().find("ul").stop(true, true).animate({ 
      width: '1px' 
     }, 1).slideUp(1); 
     $(this).find("ul").slideDown().animate({ 
      width: '300px' 
     }, 350); 

    }); 

});

DEMO

источник

2013-07-16 08:44:16

Спасибо за вашу помощь - он также срабатывает дважды в моем примере; Наверное, это потому, что есть два брата и сестры. Я загрузил его, чтобы показать, в чем проблема. Вместо предупреждения я использую slideDown и анимировать сейчас. Я не хочу показывать два подменю одновременно, поэтому, когда есть одно подменю, все остальные подменю должны быть удалены с помощью функции, ПОСЛЕВЫЕ, появится новое текущее подменю. Вот ссылка: http://jsfiddle.net/hausmaster/93reJ/12/ Спасибо! – user1658080

Посмотрите, если обновленный ответ соответствует вашим потребностям, иначе я не вижу то, что вы ищете –

Большое спасибо! Это оно! :-) – user1658080

Используйте функцию обратного вызова также для функции одушевленным:

Жизнь демо: http://jsfiddle.net/gawuQ/

var myList = $(this).siblings().find("ul"); 

myList.animate({ 
    width: '1px' 
}, 1, function() { 
     myList.slideUp(1, function() { 
     alert("Handler for called."); 
    }); 
});

Жизнь демо: http://jsfiddle.net/gawuQ/

источник

2013-07-16 08:42:45 Alvaro

Большое спасибо - я задал проблему в ответе от «жареного». – user1658080

jQuery: когда .animate.slideUp завершено

ответ

Смежные вопросы