chức năng jquery trên toggleClass hoàn thành?

Question

Tôi làm cách nào để thực hiện một chức năng sau khi toggleClass đã hoàn thành? Tôi đã thử những điều sau đây nhưng không có may mắn:

$("#loader").toggleClass('fadeOut', function() { 
    alert('a'); 
}); 

Answer 1

Các jQuery có phương pháp hứa hẹn trả về một đối tượng thu nhập hoãn lại mà bạn có thể truy cập bằng .promise(). Đối tượng lời hứa này sẽ được giải quyết sau khi tất cả hoạt ảnh đang chạy trên các phần tử đã chọn hoàn tất. Tại thời điểm đó, bạn có thể liên kết với phương thức đã hoàn thành của nó.

$("#loader").toggleClass('fadeOut',600).promise().done(function(){ 
    alert('a'); 
}); 

http://jsfiddle.net/skram/4x76J/

Answer 2

toggleClass được thực hiện ngay lập tức và do đó bạn không cần phải gọi lại cho toggleClass, chỉ cần đặt alert('a') trong dòng tiếp theo đó sẽ cảnh báo sau khi toggleClass được thực thi.

Chỉnh sửa: Có vẻ như bạn muốn có hiệu ứng giao diện người dùng jQuery - toggleClass không may có chức năng gọi lại.

Có lẽ bạn nên viết chức năng chuyển đổi của riêng mình. Xem dưới đây để fadeIn/fadeOut chuyển đổi,

var $loader = $("#loader"); 
if ($loader.is(':visible')) { 
    $loader.fadeOut(100, function() { 
     alert('fade out complete'); 
    }); 
} else { 
    $loader.fadeIn(100, function() { 
     alert('fadeIn complete'); 
    }); 
} 

Answer 3

$("#loader").stop().fadeTo(400,0, function() { 
     $(this).toggleClass('fadeOut').hide(); // exec after is faded out. 
     alert(' ta-da!'); 
    }); 

Answer 4

tôi đã sử dụng phương pháp khác để đối phó với vấn đề này. Trong ví dụ này tôi kết hợp .delay() chức năng và .queue()

$(this).toggleClass("focus_out").delay(500).queue(function(custom_call_back) { 
    $(this).removeClass('focus_out'); 
    custom_call_back(); 
}); 

Trong trường hợp của bạn có thể là $(this)$('#loader')

jQuery: .delay();queue();