Hộp thoại giao diện người dùng jQuery Tự động đóng bằng cách sử dụng setTimeout

Question

Tôi đang cố gắng tự động đóng hộp thoại sau ba giây sau khi mở. Tôi đã thử các phương pháp sau:

setTimeout($("#mydialog").dialog('close'), 3000); 

Dưới đây là trong bối cảnh:

$("#acknowledged-dialog").dialog({ 
    height: 140, 
    modal: true 
}); 

setTimeout($("#acknowledged-dialog").dialog('close'), 3000); 

Nhưng với phương pháp này, nó thậm chí không hiển thị! Tôi đoán phương pháp đóng được gọi ngay sau khi nó được hiển thị trên trang. Nhật ký không hiển thị lỗi.

Tôi cũng đã cố gắng liên kết với các sự kiện dialogopen:

$("#acknowledged-dialog").bind('dialogopen', function(event, ui) { 
    setTimeout($(this).dialog('close'), 3000); 
}); 
$("#acknowledged-dialog").dialog({ 
    height: 140, 
    modal: true 
}); 

Các chương trình hội thoại, nhưng không thực hiện tự động đóng. Không có lỗi trong nhật ký ở đây.

Tôi không thể sử dụng 'this' trong đối số cho $ trong setTimeout?

Answer 1

setTimeout đang gọi giá trị trả về của $ ("# mydialog"). Hộp thoại ("đóng") sau 3 giây. bạn muốn ném toàn bộ thứ như một chuỗi, và nó sẽ hoạt động tốt. Ngoài ra, tôi không nghĩ rằng bạn muốn ràng buộc 'dialogopen' trước khi bạn khởi tạo hộp thoại. Dưới đây chỉ hoạt động tốt:

$("#acknowledged-dialog").dialog({ 
    height: 140, 
    modal: true, 
    open: function(event, ui){ 
    setTimeout("$('#acknowledged-dialog').dialog('close')",3000); 
    } 
}); 

Answer 2

Tôi đã viết một số article dành riêng cho sự cố bạn đang gặp phải. Xin hãy đọc điều đó.

Tóm lại, bạn muốn bọc $("#mydialog").dialog('close') với chức năng nội dòng ở bất cứ nơi nào bạn muốn nó được thực thi do sự chậm trễ hoặc sự kiện được kích hoạt.

setTimeout(function(){ 
    $("#mydialog").dialog('close') 
}, 3000); 

Hộp thoại thậm chí không hiển thị vì bạn đóng nó ngay khi bạn mở nó trong mỗi trường hợp.