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

Display the data in <div> into popup using JQuery

提问by user3887236

<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>

I wrote a function which will display the data in popup and immediately the popup will close. I need that popup stays sometime after clicking close button it will close.

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

回答by Rohan Kumar

Try this,

试试这个，

$("#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

演示

回答by Miguel Mota

If you want the dialog to delay before closing then set a timeout:

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

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

JSFiddle example:

JSFiddle 示例：

http://jsfiddle.net/606pgg4o/1/

http://jsfiddle.net/606pgg4o/1/