JQuery对话框-用关闭按钮替换超时

JQuery Dialog - Replace Timeout with close button

本文关键字：替换 超时 关闭按钮 对话框 JQuery      更新时间：2023-09-26

我使用下面的代码，并决定使用关闭按钮而不是超时。

如何用下面的代码用关闭按钮替换超时？

<script type="text/javascript">
$(document).ready(function() {
    $("#info_box").dialog({
        autoOpen: false,
        modal: true,
            width: 400,
            zIndex: 9999999,
        resizable: false,
        open: function() {
            // close the dialog 10 secs after it's opened
            setTimeout(function() {
                $(this).dialog("close");
            }, 10000);
        }
    });
    $(".notavailable").bind("click", function() {
        $("#info_box").dialog("open");
    });
});
</script>

您只需要向创建dialog的Object添加一个buttons属性，类似于：

$("#info_box").dialog({
    autoOpen: false,
    modal: true,
    width: 400,
    zIndex: 9999999,
    resizable: false,
    buttons: [
        {
            text: "Close",
            click: function () {
                $(this).dialog("close");
            }
        }
    ]
});
相关文章：