使用 javascript 创建自定义警报框

Question

我正在使用 Jquery 的对话框创建一个自定义警报框。但我面临两个问题。我无法更改弹出窗口关闭的默认关闭标签。我想要一个 x 符号而不是关闭。第二件事是我不确定如何将 css 赋予弹出 div。请帮忙。还有一件事。我希望在打开弹出窗口时禁用主页。 到这里为止我做了什么。

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
    });
}

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

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

Answer 1

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

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

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

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

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

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

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

Answer 2

由于您使用的是 jQuery UI，它可能不会提供直接帮助，但请寻找类似 @​​987654321@ 的东西，它是一个 JavaScript API，可让您编写引导警报、确认等，无需任何 HTML 或 CSS .