Question

我使用jquery 2.1.4和UI 1.11.4。我加载了一个对话框：

$(document).ready( function() {
        $("#dialog-form").dialog({
            autoOpen: false,
            modal: true,
            width: 750,
            height: 450,
            show: {
                effect: "blind",
                duration: 1000
                },
            hide: {
                effect: "blind",
                duration: 1000
                },
            buttons: {
            "Cancel": function () {
            $(this).dialog("close"); /* fires an error */
            }
            }
        });

        $(".bookingcancel").on("click", function(e) {
            e.preventDefault();
            $("#dialog-form").dialog("option", "title", "Gestion de votre planning").dialog("open");
            $("#dialog-form").load(this.href);
        });
    });

我有ID的链接（即：loda-data.php？id = 1 / loda-data.php？id = 2 ...）当我单击时，对话框打开正常，页面在对话框窗口中加载。

当我点击右上角的“关闭”十字时，它会关闭（没有错误）。当我点击“取消”按钮时，对话框不会关闭，我收到一个错误： TypeError：$（...）。对话框不是一个函数 $（本）.dialog（ “关闭”）;

我在这里和那里找到了很多主题，但没有任何作用......

当我打开然后关闭对话框时我也遇到问题：点击另一个链接时它不会再次打开。

有任何线索吗？谢谢。

编辑：这是我用来打开的对话框的代码，然后加载数据，然后需要关闭，然后需要再次打开另一个数据＆LT; div id =“dialog-form”title =“”＆gt;＆lt; / div＆gt;

Answer 1

使用.load()将页面加载到对话框中时，请确保以下几点：

＃1：确保您加载的网页没有<html></html>个标签。重复的标签会导致DOM出现问题

＃2：确保您加载的页面没有对库的重复引用。示例：jQuery，jQueryUI，bootstrap等。对外部文件的重复引用也会导致许多问题。

jquery ui对话框错误关闭

1 个答案: