将CSS设置添加到新的JQuery插件

我对这种事情很陌生，但我创建了一个简单的插件，我希望最终成为一个简单的WSIWYG编辑器。将CSS设置添加到新的JQuery插件

这里是我的插件

$.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。因为它站在我的div在HTML中有一个宽度的样式：600px;和高度：400px这是完美的，但它跳过我想要手动应用CSS样式。

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

在这里，我去创造在旅途中一个div它适用我的宽度和高度，但这个想法是，解析设置到插件可以是任何东西，我需要这个拿起解析CSS并应用。

例如，它看到的是有保证金或背景，因此它增加了保证金：settings.margin和背景色：settings.background色

我怎么去呢？由于我的方法显然不起作用。

来源

2014-09-03 mdixon18

我们能否看到将CSS应用于元素的插件部分？ – wrxsti 2014-09-03 12:56:30

刚刚意识到我提交这个太快，错过了一点我会尽快编辑它 – mdixon18 2014-09-03 12:58:09

完成，对不起：P – mdixon18 2014-09-03 13:00:15

相反，你可以尝试的东西的影响：

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

这应该正确地应用设置的任何元素。让我知道如果这对你有用。希望能帮助到你！

来源

2014-09-03 13:07:24 wrxsti

谢谢，这是完美的希望，这有助于任何与同类问题的新手:) – mdixon18 2014-09-03 13:10:45

没问题，乐于帮助。 – wrxsti 2014-09-03 13:11:11

将CSS设置添加到新的JQuery插件

回答

相关问题