Question

我正在使用Jquery的对话框创建自定义警报框。但我面临两个问题。我无法更改弹出窗口关闭时的默认关闭标签。我想要一个x符号而不是关闭。第二件事是我不知道如何给弹出div的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
    });
}

在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应用于具有样式属性

的元素

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

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

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

在此处查看对话框文档：http://jqueryui.com/dialog/在每个示例的底部都有一个＆＃34;查看源代码＆＃34;这可以让你看到有关如何创建对话框的实例。

Answer 2

由于你正在使用jQuery UI，它可能不是一个直接的帮助，但是寻找类似Bootbox的东西，这是一个JavaScript API，可以让你编写Bootstrap警报，确认等，而不需要任何HTML或CSS。

使用javascript创建自定义提醒框

2 个答案: