javascript - jQuery 对话框无法正常工作

Question

我有以下脚本:

<script type="text/javascript">
$( "#addLocation" ).dialog({
            autoOpen: false,
        modal: true,
        height: 700,
        width: 550,
        buttons: {
            "Add Location": function() {
                document.forms["mapform"].submit();
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
});
</script>

<script type="text/javascript">
function showLocationDialog() {
    $("#addLocation").dialog("open");
}
</script>

<div id="addLocation" style="display:none;">
<form action="" method="post" name="mapform">
<input type="text" name="name" />
<input type="submit" />
</form>
</div>

<button onclick="javascript:showLocationDialog();">Add an address</button>

按钮没有打开对话框，我不明白为什么..任何人都可以帮忙吗？

谢谢，

Answer 1

等待 DOM 准备就绪。

将您的 .dialog() 代码粘贴到 $(document).ready() 或 $() block 中