jquery - 将多个 css 属性添加到简单模态

Question

如何将 overlayCss 中的多个 CSS 属性应用于简单模式(除了 backgroundColor 属性)？我试过用逗号分隔属性，但这会破坏功能。

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal({
        appendTo: $(window.parent.document).find('body'),
        overlayCss: {backgroundColor:"#000"},
        overlayClose:true, 
    });
    // Set overlay's width
    $(window.parent.document).find('#basic-modal-content').css('width', "100%");

    return false;
});

Answer 1

你最好使用实际的 css 类来定义多个样式

 $('#basic-modal-content').modal({
    appendTo: $(window.parent.document).find('body'),
    overlayCss: 'myClass',
    overlayClose:true, 
});

然后在CSS中

.myClass{
    [as many properties as you want here]
}

它会让你的代码更容易维护和扩展