Javascript 向新的JQuery插件添加CSS设置

我对这类事情还不熟悉，但我已经创建了一个简单的插件，我希望最终成为一个简单的WSIWYG编辑器

这是我的插件的简单设置部分

$.fn.ap_wysiwyg = function(options){
        // extend the option with the default ones
        var settings = $.extend({
            width : "800px",
            height : "600px",
        },options);

下面是我的HTML中用来调用插件的内联脚本

$(document).ready(function(){
  $("#ap-wysiwyg").ap_wysiwyg({
    width : "600px",
    height : "400px",
    css : {
      'background-color' : '#000'
    }
  });
});

很简单，内联html的宽度和高度覆盖了我主脚本中的默认设置，这非常棒，但我尝试添加CSS，如背景色和边距，但它们似乎不适用于我的html。就目前而言，html中的div有一个宽度样式：600px；高度：400px，这很完美，但它跳过了我希望手动应用的CSS样式

var containerDiv = $("<div/>",{
           css : {
               width : settings.width ,
               height : settings.height,
               border : "1px solid #ccc"
           }
       });

var containerDiv=$（“”{
css:{
宽度：settings.width，
高度：settings.height，
边框：“1px实心#ccc”
}
});

在这里，我开始创建一个应用我的宽度和高度的div，但是我的想法是，插件中解析的设置可以是任何东西，我需要它来获取解析的CSS并应用它

例如，它看到有一个边距或背景，所以它添加了边距：设置。边距和背景颜色：设置。背景颜色

---

我该怎么办？因为我的方法显然不起作用

相反，您可以尝试以下效果：

var containerDiv = $("<div/>").width(settings.width).height(settings.height).css(settings.css);

var containerDiv=$（“”）.宽度（settings.width）.高度（settings.height）.css（settings.css）；

这将正确地将您的设置应用于任何元素。

---

如果对你有效，请告诉我。希望有帮助

我们可以看到插件中将css应用于元素的部分吗？我刚刚意识到我提交得太快了，错过了一点，我会很快编辑它，很抱歉：你能尝试删除

背景色周围的单引号吗？谢谢，太好了希望这能帮助任何有类似问题的新手：）没问题，很乐意帮忙。