JQuery 弹出对话框在脚本中不起作用

Question

用于设置对话框弹出窗口属性的脚本似乎不起作用

$(document).ready(function () {
    $("#dialog").dialog({
        autoOpen: false,
        width: 550,
        position: {
            my: "top",
            at: "top"
        }
    });
    $(".pending").click(function (evt) {
        var data = {};
        data.value = $("#value").val();
        $("#dialog").load("edit.aspx", data, function () {
            $(".ui-film").css('display', 'block');
            $("#overlay").css('display', 'block');
        });
        evt.preventdefault();
    });
});

Answer 1

我的猜测是您要么缺少对 jQuery UI 的完整引用，要么包含自定义构建并且缺少依赖项。

如果你在路径 jquery-ui/ui/ 中打开 dialog.js 你会发现

// AMD. Register as an anonymous module.
define([
    "jquery",
    "./core",
    "./widget",
    "./button",
    "./draggable",
    "./mouse",
    "./position",
    "./resizable"
], factory );

这意味着您还必须包含这些脚本。

JQuery 弹出对话框在脚本中不起作用

JQuery Dialog pop not working in script

jquery

jquery-ui