Jquery Dialog没有显示

Question

I want to generate a dialog box that gets password from user, here's a bit my code. 我想生成一个从用户获取密码的对话框，这里有点我的代码。

<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>

<body>
<input type='button' id='btnDelete' name='btnDelete' value='Delete' onclick='deleteRecord(".$row['ID'].")'/>
<div id="delete-dialog" style="display: none;" title="Delete Record">
    <label>Please type in admin's password:</label></br>
    <input type='password' size='25' id='inpAdminPassword'/>        
</div>
</body>
</html>

JS JS

function deleteRecord(ID){
var answer = confirm("Are you sure you want to delete this record?");
if(answer == true){
     $( "#delete-dialog" ).dialog( "open" );
    }
}

$(document).ready(function() {
$( "#delete-dialog" ).dialog({
    autoOpen: false,  
});

Somehow, the dialog box doesn't show, what must be missing? 不知何故，对话框没有显示，必须缺少什么？

I have also tried and included this code, but still it doesn't work. 我也试过并包含了这段代码，但它仍然不起作用。

$(document).ready(function() {
$( "#delete-dialog" ).dialog({
    autoOpen: false,  
});
$("#delete-dialog").dialog({
    modal: true,
    autoOpen: false,
    height: 255,
    width: 300,
    buttons: {
        "Delete": function() {
            var password = document.getElementById('sessionPW').value;
            var adminpw = document.getElementById('inpAdminPassword').value;
            alert(password);
            if(password == adminpw){
                window.location = "deleteThreat.php?threatID="+ID;
            }
        },
        Cancel: function() {
            $( this ).dialog( "close" );
            }
        }
    });
});

Answer 1

I just was trying your first solution and making the confirmation like this works for me: 我只是在尝试你的第一个解决方案并使这样的确认对我有用：

js: JS：

    $("#delete-dialog").dialog({
        autoOpen: false,
    });

    $("#open").click(function () {

        if (confirm("are you sure?")) {
            $("#delete-dialog").dialog("open");
        }


    });

html: HTML：

           <div id="delete-dialog" style="display: none;" title="Delete Record">
                <label>Please type in admin's password:</label></br>
                <input type='password' size='25' id='inpAdminPassword'/>        
            </div>

            <button id="open" >Open</button>

Jquery Dialog没有显示

问题描述

1 个解决方案

解决方案1
0 2016-09-09 14:41:42

Jquery Dialog没有显示

问题描述

1 个解决方案

解决方案1 0 2016-09-09 14:41:42

解决方案1
0 2016-09-09 14:41:42