一个页面支持但另一个页面不支持的对话框方法

Question

我有 2 个 .NET 网页在两个页面中都有相同的弹出框 JavaScript 在两个页面中完全相同，我将代码从有效的页面复制到另一个页面并且它不起作用。那个不起作用的给我错误信息：

Scripts/jquery-3.3.1.js
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'dialog'.

我试过将代码放在页面末尾，没有区别。当我与 IE 开发人员检查页面时，我只能告诉 jquery 正在加载到页眉中的页面中。希望有人能给我指出正确的方向。

<link href="Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link  href ="~/Styles/Default.css"  rel="stylesheet" />
<script src="../Scripts/jquery-3.3.1.js"></script>
<script src="../Scripts/jquery-ui-1.12.1.js"></script>
<script>
    $(document).ready(function() {
        $("#dd2875").dialog({
            buttons: {
                "Cancel": function() {
                    $("#dd2875").dialog('close');
                }
            },
            dialogClass: 'myTitleClass',
            draggable: false,
            width: 800,
            height: 400,
            hide: 2000,
            show: 'slidedown',
            hide: 'explode',
            autoOpen: false
        });

        $("#btnNewAccount").click(function(evt) {
            evt.preventDefault();
            $("#dd2875").dialog('open');
        });
    });
</script>

Answer 1

DOM 可能不包含 ID 为 dd2875 的元素，

验证 #dd2875 在您调用 dialog()

时确实存在于页面上

Answer 2

我输入了您发送的代码，这是我在控制台中返回的内容。

jQuery.Deferred exception: Object doesn't support property or method dialog' TypeError: Object doesn't support property or method 'dialog'
 at Anonymous function (http://localhost:60086/Add_CAC_ID.aspx:14:13)
at mightThrow (http://localhost:60086/Scripts/jquery-3.3.1.js:3534:10)
at Anonymous function (http://localhost:60086/Scripts/jquery-3.3.1.js:3602:12) undefined

Answer 3

我想通了，不得不回去重写一页，一次一个节。问题是 JavaScript 和 asp 验证控件之间的冲突。当我将控件放在页面上时，它导致对话框出现错误。我找到了解决冲突的两种方法。我可以在页面加载中添加第一行或在 JavaScript 中添加第二行，两者都有效。感谢您帮助我指明了正确的方向。

Unobtrusivevalidaionmode = Unobtrusivevalidaionmode .none
or 
$j = $.noConflict;

一个页面支持但另一个页面不支持的对话框方法

Dialog method supported in one page but not in another

javascript

asp.net

jquery

jquery-ui-dialog