Chaining Twitter Bootstrap phương thức ('ẩn') với độ trễ

Question

Tôi đang hiển thị một phương thức Bootstrap đơn giản với nút 'thanh toán' ở dưới cùng.

Ngày cách nhấn vào nút Tôi muốn:

1. Đóng phương thức, ví dụ $ ('# myModal'). phương thức ('ẩn')
2. Đợi đến khi hoạt ảnh kết thúc
3. Thay đổi window.location.href thành trang 'checkout' của tôi.

Tôi dường như không thể tìm thấy cách xích mà không cần nó chạy ngay lập tức chức năng tiếp theo, ví dụ:

$('#myModal').modal('hide').each(function() { 
    window.location.href = '/checkout'; 
}); 

hoặc tôi nghĩ trễ() có thể hữu ích, ví dụ:

$('#myModal').modal('hide').delay(1000).each(function() { 
    window.location.href = '/checkout'; 
}); 

Điều đó không hoạt động hoặc chỉ thay đổi trang ngay lập tức.

Đây có phải là sự cố jQuery phổ biến không? Hoặc tôi sẽ phải mở rộng Bootstrap để xử lý này?

Answer 1

Có sự kiện được gọi là hidden khi phương thức khởi động twitter bị ẩn hoàn toàn. Vì vậy, bạn có thể làm điều gì đó như sau:

$('#myModal').bind('hidden', function(){ 
    window.location.href = '/checkout'; 
}).modal('hide');