我正在尝试从以下代码中使用定制的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/