Question

即使在包含Jquery源导入后，我也遇到了生成对话框的问题。这是我的进口。

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

Html＆amp; JQuery代码如下：

<button id="view_Data" type="button" "width:35%">View MySQL Data</button></br>

<div id="pw_dialog" title="Operator Authentication">
        <form action="" method="post" enctype="multipart/form-data">
            <label>Password:</label>
            <input id="Password" name="Password" type="password">
            <button id="submitPW" type="button"> submit</button>
        </form>
</div>

$(document).ready(function() {
    $(function() {
    $( "#pw_dialog" ).dialog({
        autoOpen: false
    });
    });
    $("#view_Data").click(function(){
        $( "#pw_dialog" ).dialog( "open" );
    })
})

我也试过了其他版本的导入。但仍然得到同样的错误。请帮忙！谢谢！

Answer 1

您不需要$(document).ready(function() { }

你的javascript应该是：

$(function() {
   $( "#pw_dialog" ).dialog({
       autoOpen: false
   });

  $("#view_Data").click(function(){
    $( "#pw_dialog" ).dialog( "open" );
  })
});

根据找到的文档here：

// Shorthand for $( document ).ready()
$(function() {
    console.log( "ready!" );
});

工作小提琴：https://jsfiddle.net/ugnfj8nx/1/

未捕获的TypeError：$（...）。dialog即使包含CSS文件也不是函数

1 个答案: