Question

要更改Bootbox对话框中的文字，我使用然后使用jQuery，如下所示：$("#someID").text("The new Text");

我面临的问题是如何更改对话框颜色？

在我的对话框中，我有以下内容（设置对话框颜色）：

className: "modal-danger nonumpad",

我想在行动发生时将班级名称更改为modal-success nonumpad。

这是我的代码：

callDialog = bootbox.dialog({
    className: "modal-danger nonumpad", // the class I want to change
    closeButton: false,
    animate: true,
    title: 'Making Call',
    message: '<div class="text-center"><i class="fa fa-spin fa-spinner"></i><span id="test"> Waiting for Reply... </span></div>',
    onEscape: null,
    buttons: {
        hangup: {
            label: "<span id='hangup' <i class=\"fa fa-phone\"></i> Cancel </span>",
            className: "btn-warning btn-lg pull-left",
            callback: function(){
                $("#dynamicMsg").text("This is dynamic msg");
                return false;
            }
        }
    }
});

callDialog.init(function(){
    peer.on('connection', function(conn) {
        conn.on('data', function(data){
    // Will print 'hi!'
        call = data;
        console.log(call);
        if(call == "ACCEPT"){
            $("#test").text("This is dynamic msg");
            $("#hangup").text("Hangup");
        } else {

        }
    });
    });
});

如何更改className功能中的init()？

注意： 不起作用。

Answer 1

由于您引用了对话框，因此使用toggleClass：

可以使用此类内容

callDialog.find('.modal-danger').toggleClass('modal-danger modal-success');

这将找到包含类modal-danger的子元素，然后在添加类modal-success时将其删除。

Answer 2

你可以尝试：

$("#someID").removeClass('modal-danger').addClass('modal-success');

someID必须是对话框的ID。或者，如果您有多个或它的动态，请改为引用类名。

$(".someClass").removeClass('modal-danger').addClass('modal-success');

Answer 3

你能指导一下用什么来取代someID吗？因为我的方式创建对话框是不同的，因为它显示在问题中没有身份证

回答您的评论问题，您应该将其替换为您要更改的元素的任何单个选择器。如果只是一个元素，你可以考虑给它一个ID。根据您调用它的位置，您可以通过event.currentTarget定义选择器，或者如果此时只有这个类"modal-danger nonumpad"的元素，您也可以将它用作选择器。

Answer 4

尝试一下： $(callDialog).removeClass('modal-danger').addClass('modal-success');

$(callDialog)选择将引导对话框对象分配给的变量，然后将其变成JQuery Object。

.removeClass('modal-danger')是JQuery method，用于从所选对象中删除作为参数传递的类。

.addClass('modal-success')也是JQuery method，用于将作为参数传递的类添加到所选对象。

如何动态更改对话框颜色？ - Bootbox

4 个答案: