javascript – jQuery将CSS类添加到bootbox Modal动态

我正在使用名为Bootboxjs的jQuery插件作为我的模态.

这是我运行代码的方式：

bootbox.dialog({
    title: '<i class="fa fa-thumbs-up"/></i>&nbsp;&nbsp;View Likes',
    buttons: {
        close: {
            label: '<i class="fa fa-times"></i>&nbsp;&nbsp;Close',
            className: "btn-danger",
            callback: function() {

                // Close the modal

            }

        }
    },
    message: '<span name="getLikesResults"></span>'
});

我正在为一个项目制作一个插件,我不希望这会影响现有的模态样式,但是当内容达到最大高度时,我需要使这个特定的模态可滚动.

.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}

我怎么能将上面的CSS应用到这个bootbox模式？

解决方法:

你可以试试这个

.bootbox-dialog .modal-body {
    max-height: 420px;
    overflow-y: auto;
}

看看这些例子

http://bootboxjs.com/examples.html

检查他们每个都有自定义类的示例上的模态.在第一个示例类bootbox-alert中.在第二个示例类bootbox-confirm中.

如果您的代码遵循示例.
您的代码应该在模式上有一个名为bootbox-dialog的类.

bootbox文档显示您可以添加自定义类名.

http://bootboxjs.com/documentation.html

这是一篇关于css选择器如何工作的好文章.

http://css-tricks.com/how-css-selectors-work/

标签：jquery,javascript,css,twitter-bootstrap,bootbox
来源： https://codeday.me/bug/20190624/1277820.html