使用javascript创建自定义警报框

我正在使用Jquery的对话框创建一个自定义警报框。但我面临两个问题。我无法更改弹出窗口关闭的默认关闭标签。我想要一个x符号而不是闭合。第二件事是我不知道如何给弹出分区css。请帮助。还有一件事。我想在弹出窗口打开时禁用主页。 我在这之前所做的一切

function yesnodialog(content, button1, button2, element) {
    var btns = {};
    btns[button1] = function () {
        element.parents('li').hide();
        $(this).dialog("close");
    };
    btns[button2] = function () {
        // Do nothing
        $(this).dialog("close");
    };

    $("<div border:1px solid black;><label> " + content + "</label></div>").dialog({
        autoOpen: true,
        title: 'Condition',
        modal: true,
        buttons: btns
    });
}

功能是对话框（内容、按钮1、按钮2、元素）{
var btns={}；
基站[按钮1]=功能（）{
元素。父元素（'li'）.hide（）；
$（此）.dialog（“关闭”）；
};
基站[按钮2]=功能（）{
//无所事事
$（此）.dialog（“关闭”）；
};
$（“”+内容+“”）。对话框({
自动打开：对，
标题：“条件”，
莫代尔：是的，
按钮：BTN
});
}

在html中，我将上述js函数调用为

 <li><span><button id="btsn" onclick="  yesnodialog('my content','Yes', 'No', $(this));"></button></span></li>

因为您使用的是jQuery UI，所以它可能不会有直接的帮助，但可以寻找类似JavaScript API的东西，它允许您在不使用任何HTML或CSS的情况下编写引导警报、确认等。

这里有一些问题。您真的应该查看jQuery文档以了解您在这里提出的许多问题

<div border:1px solid black;><label>

这是无效的。可以将CSS应用于具有样式属性的元素

<div style="border:1px solid black;" />

或者，您可以通过多种方式使用jQuery：

$('<div></div>', {"style":"border:1px solid black;"}) 

$（''，{“样式”：“边框：1px纯黑色；”}）

---

查看此处的对话框文档：在每个示例的底部都有一个“查看源代码”，可以让您查看有关如何创建对话框的实时示例。

将css添加到div

$时，您需要
style=“
”（“好的，这一个我会试试谢谢AntonIn bootbox，我们可以在警报消息中传递图像吗？我还需要传递图像MikeWill试试Mike。谢谢