Question

<script type="text/javascript">

    $(document).ready(function() {
        $("#popup_div").dialog({
            autoOpen: false
        });

        $("#btn_click").click(function() {
            $("#popup_div").dialog("open");
            //$("#popup_div").toggle("100", $("#popup_div").dialog("close"));
        });
    });

</script>

我编写了一个函数，它将在弹出窗口中显示数据，并立即关闭弹出窗口。我需要在点击关闭按钮后停留弹出窗口。

Answer 1

试试这个，

$("#btn_click").click(function () {
    $("#popup_div").dialog("open");
});
// code to close the dialog, let btnClose is the Id of button in popup_div
$("#popup_div").on('click','#btnClose',function(){
     $("#popup_div").dialog("close");
});

Demo

Answer 2

如果希望对话在关闭前延迟，请设置超时：

   $("#popup_div").on('click', '#btnClose', function () {
        setTimeout(function() {
            $("#popup_div").dialog("close");
        }, 1000);
    });

JSFiddle示例：

<强> http://jsfiddle.net/606pgg4o/1/

使用JQuery </div>将<div>中的数据显示为弹出窗口

2 个答案: