我正在尝试从以下代码中使用定制的JQuery警报框

    $.extend({
    alert: function (message, title) {
        $("<div></div>").dialog({
            close: function (event, ui) { $(this).remove(); },
            resizable: true,
            title: title,
            show: "fade",
            hide: "fade",
            modal: true,
            buttons:
            {
                Close: function () {
                    $(this).dialog('close');
                }
            },
            open: function () {
                /* styling dialog */
                $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").remove();
                $(this).parents(".ui-dialog").css("padding", 5);
                $(this).parents(".ui-dialog").css("border", 0);
                $(this).parents(".ui-dialog:first").find(".ui-dialog-content").css("padding", 0);

                $(this).css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                $(this).parents(".ui-dialog").css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                $(this).parents(".ui-dialog").css("-moz-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
            }
        }).text(message);
    }
});


从此处找到的帖子之一:https://stackoverflow.com/a/15372779/4755915

但是我正在使这个对话框与页面内容混合(重叠)。
这是我得到的输出:
http://postimg.org/image/s7x1nc6er/

我不确定如何向存在的对话框代码添加样式标签或修改。您能否请我解决此问题。谢谢

最佳答案

jQuery Ui Dialog支持设置一个或多个CSS类的选项:
http://api.jqueryui.com/dialog/#option-dialogClass

关于javascript - 对话框中的样式Jquery对话框内容div背景混合,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30173598/

10-12 12:28
查看更多