Javascript 未捕获的TypeError:$（…）。即使包含CSS文件，对话框也不是函数

即使在包含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和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" );
    })
})

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

您不需要$document.readyfunction{}

您的javascript应该是：

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

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

根据找到的文件：

---

工作提琴：

您能发布一个显示问题的JSFIDLE吗？我很难复制你的问题。这是一个似乎有效的JSFIDLE：我看不到任何错误。您不需要同时使用$document.readyfunction{和$function{删除$document.readyfunction{}Wrapper这段代码在我的一个基于CentOS的系统中工作。但这段代码在Debian操作系统中不工作。@janR我也尝试了你的答案，但仍然得到相同的错误。这是我的控制台输出。未捕获的TypeError:$…对话框不是HTMLDocument的函数。最新fire jquery的索引：190。Object.fireWith的js:3119[resolveWith]jquery latest.js:3231 at Function.ready jquery latest.js:3443 at HTMLDocument.completed jquery latest.js:3474我认为导入中存在问题。看起来是这样的，请尝试使用jquery的本地副本来查看这是否解决了问题。我已将本地文件包含在css文件夹中。仍然收到相同的错误

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