Jquery 向简单模式添加多个css属性

如何将

overlycss

中的多个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;
});

---

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

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

然后在css中

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

它将使您的代码更易于维护和扩展

您需要的

---

难道你不能添加一个包含你想要的CSS属性的类，然后它就可以应用到模式中吗？

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal({
        appendTo: $(window.parent.document).find('body').css({
            opacity: 1.0,
            backgroundColor: "black"
        }),
        //overlayCss: {backgroundColor:"#000"},
        overlayClose:true, 
    }).css({
     'opacity' : 0.8,
     'position': 'absolute',
     'top': 0,
     'left': 0,
     'background-color': 'black',
     'width': '100%'
  });
    // Set overlay's width
    $(window.parent.document).find('#basic-modal-content').css('width', "100%");

    return false;
})