Question

我知道在这个Portal上已多次询问此查询。但仍然无法找到正确的解决方案。

我的JS代码：

$("#editDialog").live("click", function (e) {
            e.preventDefault();
            var url = $('#editDialog1').attr('href');
            $("#dialog-edit").dialog({
                title: 'Edit Customer',
                autoOpen: false,
                resizable: false,
                height: 355,
                width: 400,
                show: { effect: 'drop', direction: "up" },
                modal: true,
                draggable: true,
                open: function (event, ui) {
                    //$(this).load(url);



                },
                close: function (event, ui) {
                    $(this).dialog('close');
                }
            });

            $("#dialog-edit").dialog('open');
            return false;
        });

HTML：

<a id="editDialog1" href="..\Home\Create">Create Customer</a>
    <div id="dialog-edit" style="display: none"/>

包含的脚本：

<script src="~/Scripts/jquery-ui-1.8.20.min.js"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript">
    </script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript">
    </script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript">
    </script>
    <link rel="stylesheet" type="text/css" href="../../Content/jquery-ui.css" />

在控制台中显示错误：

未捕获TypeError：对象[object Object]没有方法'dialog'（索引）：76 （匿名函数）（索引）：76 jQuery.event.dispatch jquery-1.7.1.js：3256 elemData.handle.eventHandle

但仍然是这个错误显示出来..我已经尝试过包含标记为答案的脚本，但我的问题仍未得到解决。请帮助我。伙计。

Answer 1

我没有看到任何加载主jQuery库的条目，只有jQuery UI，你需要两者。

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.min.js"></script>

从jQuery 1.7 $ .live开始，不推荐使用$ .on

$("#editDialog").on("click", function (e) {...});

如果您使用谷歌浏览器

按 CTRL + SHIFT + I ，然后点击网络标签，重新加载您的信息页。任何颜色为RED的文件名资源标题都表示无法找到资源，因为它的路径不正确或资源丢失。

未捕获异常：对象没有方法对话框

1 个答案: