Javascript 对象没有'；t支持属性或方法'；对话框'；

我试图通过在应用程序中使用jquery实现一个模式对话框。当我点击一个按钮时，弹出一个模式对话框来显示一个网页（url）。但我不断发现JavaScript运行时错误：

对象不支持

$（“#dialog”）.dialog（“open”）行中的属性或方法“dialog”错误

我已经在我的应用程序中包含了这些jquery脚本。我正在使用jquery-ui-1.12.1.zip中的脚本。
这是我的代码供你参考

<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script> 
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>

<script>
        $(document).ready(function () {
            $("#btnProdHierarchy").click( function() {
                $("#dialog").load(PMASTERLINK, function() {
                    $("#dialog").dialog("open");
                    return false;
                }
                )
            })
        });
</script>


<div id="dialog" title="Basic dialog"></div>
<input id="btnProdHierarchy" type="button" value="Product Master"  accesskey="H" />


$（文档）.ready（函数（）{
$（“#btnProdHierarchy”）。单击（函数（）{
$（“#对话框”）.load（PMASTERLINK，function（）{
$（“对话框”）。对话框（“打开”）；
返回false；
}
)
})
});

请帮我解决这个问题。谢谢
 这对我很有用：

<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>

<script>
    $(document).ready(function () {
        $("#btnProdHierarchy").click( function() {
            $("#dialog").load(PMASTERLINK, function() {
                $("#dialog").dialog().dialog("open");
                return false;
            })
        })
    });
</script>


<div id="dialog" title="Basic dialog"></div>
<input id="btnProdHierarchy" type="button" value="Product Master" accesskey="H" />


$（文档）.ready（函数（）{
$（“#btnProdHierarchy”）。单击（函数（）{
$（“#对话框”）.load（PMASTERLINK，function（）{
$（“#dialog”）.dialog（）.dialog（“打开”）；
返回false；
})
})
});

显然，我用其他东西替换了
PMASTERLINK
。
您的对话框加载错误。首先尝试阅读jQueryUI文档。在您的代码中，“PMASTERLINK”也是未定义的

该对话框的定义如下：

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

您的按钮应该是：

$( "#dialogBtn" ).on( "click", function() {
  $( "#dialog" ).dialog( "open" );
});

就这样

HTML:

<div id="dialog" title="Basic dialog">
 <p>Your Dialog Text</p>
</div>

<button id="dialogBtn">Open Dialog</button>


您的对话文本

打开对话框

示例：
为什么添加了两次
jqueryui
？？