如何动态更改消息内容

Bootbox - how to dynamically change message content?

本文关键字：消息 何动态 动态      更新时间：2023-09-26

我想知道是否有一种方法来动态更新一个bootbox模态的内容。

例子
bootbox.dialog({
        message: "Hi there",
        title: "My title",
        buttons: {
            main: {
                label: "dismiss",
                className: "btn-primary",
            }
        }
    });

    newMessage = "this is a new message"

是否有办法用新的字符串newMessage代替"Hi there"?

感谢您的帮助和建议

是的，您可以通过向MSG添加id引用来更改bootbox MSG。下面是它的示例代码。

    bootbox.dialog({
       message: "<span id='dynamicMsg'>Hi there</span>",
       title: "My title",
       buttons: {
        main: {
            label: "dismiss",
            className: "btn-primary",
        }
      }
    });
    //Add this line wherever you want to change msg
    $("#dynamicMsg").text("This is dynamic msg");

简单!创建一个泛型函数:

function bootBoxModal(title, message, type) {
    bootbox.dialog({
        message: message,
        title: title,
        alertType: type,
        buttons: {
            main: {
                label: 'Fechar', className: 'btn-default'}
        }
    });
}

现在调用函数:

bootBoxModal("Title message", 
             "Content your message", 
             "type [alert,danger,warning,success]");

另一种解决方案是直接替换内容，本例使用jQuery。

#jQuery
$('.modal-title').html('New Title');
$('.modal-body').html('New Message');
相关文章：