1

你知道为什么对话框关闭后文档中的按钮在Firefox 12中没有重新出现吗？

<html>
    <head>
        <link type="text/css" href="jqueryui/css/smoothness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" />    

        <script type="text/javascript" src="jqueryui/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/js/jquery-ui-1.8.20.custom.min.js"></script>

        <style></style>

        <script type="text/javascript">
            $(document).ready(function() {
                $("#click").click(function() {
                    $("#dialog").attr("title", "save").text("This is the dialog box!").dialog({
                        buttons: {
                            "OK": function() {
                                $(this).dialog("close");
                            }
                        }
                    });
                });
            });
        </script>
    </head>

    <body>
        <div id="dialog" title="Basic dialog">
            <input type="button" value="click" id="click" />
        </div>
    </body>
</html>
4

2 回答 2

3

工作演示 http://jsfiddle.net/jyy96/6/

您的按钮位于dialog输入内部，因此它会丢失。

移入移出对话框外提交div

珠宝代码

$(document).ready(function() {
    $("#click").click(function() {
        $("#dialog").attr("title", "save").text("This is the dialog box!").dialog({
            buttons: {
                "OK": function() {
                    $(this).dialog("close");
                }
            }
        });
    });
});​

html

<body>
    <input type="button" value="click" id="click" />
    <div id="dialog" title="Basic dialog"></div>
</body>
于 2012-05-26T22:30:47.030 回答
2

您在对话框中有按钮，在对话框关闭后，它会被CSS内联dialog()：

display: none;
...

如果您需要按钮始终存在，它应该在对话框内容之外。

示例 HTML

<body> 
    <input type="button" value="click" id="click" /> 
    <div id="dialog" title="Basic dialog"></div> 
</body>
于 2012-05-26T22:26:42.103 回答