对象不支持属性或方法'对话'

时间:2017-03-28 08:46:24

标签: javascript jquery jquery-ui dialog

我正在尝试在我的应用程序中使用jquery来实现模式对话框。一旦我点击按钮,它应该通过弹出一个模态对话框来显示一个网页(url)。但我一直收到JavaScript运行时错误:

  

对象不支持行$("#dialog").dialog("open")中的属性或方法“对话框”错误。

我已经在我的应用程序中包含了那些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" />

请帮我解决这个问题。谢谢!

1 个答案:

答案 0 :(得分:0)

这对我有用:

<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" />

我显然用其他东西替换了PMASTERLINK