為什么對話框不顯示？

Question

單擊“發送”按鈕時，alert（）起作用，但對話框從不顯示。 我一直在瘋狂試圖找出原因。 我究竟做錯了什么？ 請參見下面的代碼：

謝謝，TD

的index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>DIALOG TEST</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>
<body onload="loadMsg()">

    <div id="dg"></div>

    <div id="#dialog_login" title="Login Status">
        <br />
        <div id="dialog_text" style="text-align: center;"></div>
    </div>

    <script type="text/javascript" src="dg.js"></script>
</body>
</html>

form.html

    <div class="panel panel-default">
        <div class="panel-heading">TEST</div>
            <div class="panel-body">
                <form method="post" action="javascript:msg();">  
                    <div class="form-group">
                        <input type="submit" name="submit" value="Send" id="submit" class="btn btn-primary">
                    </div                       
                </form>   
            </div>
        </div>
    </div>

dg.js

function msg(){
    $("#dialog_login").text('Login Successful');
    $("#dialog_login").dialog('open');
    alert('Login Successful');  
}

function loadMsg(){
    $("#dg").load("form.html");
}

Answer 1

嗨，我更改了一些代碼，希望對您有用

function msg(){
$("#dialog_text").text('Login Successful');
$("#dialog_login").dialog({
    show: { effect: "blind", duration: 800 } 

  })
};

還有其他錯誤

 <div class="form-group">
                    <input type="submit" name="submit" value="Send" id="submit" class="btn btn-primary">
                </div

用“>”關閉div

 <div class="form-group">
                    <input type="submit" name="submit" value="Send" id="submit" class="btn btn-primary">
                </div>

Answer 2

好吧，經過數小時的研究，我發現了問題； 我已經在ID中添加了“＃”：

<div id="#dialog_login" title="Login Status">

我更正了這一點：

 <div id="dialog_login" title="Login Status">

接下來，我將此行添加到dg.js：

$('#dialog_login').dialog({autoOpen: false});

所以dg.js現在看起來像這樣：

function msg(){
$('#dialog_login').dialog({autoOpen: false});
$("#dialog_login").text('Login Successful');
$("#dialog_login").dialog('open');
alert('Login Successful');  
}

function loadMsg(){
    $("#dg").load("form.html");

我要感謝所有嘗試提供幫助的人！

為什么對話框不顯示？

問題描述

2 個解決方案

解決方案1
0 2018-08-24 19:33:35

解決方案2
0 2018-08-25 08:41:24

為什么對話框不顯示？

問題描述

2 個解決方案

解決方案1 0 2018-08-24 19:33:35

解決方案2 0 2018-08-25 08:41:24

解決方案1
0 2018-08-24 19:33:35

解決方案2
0 2018-08-25 08:41:24