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

ダイアログ内にボタンがあります。ダイアログが閉じられた後、 ：によって指定されたインラインになります。CSSdialog()

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 に答える