jQuery插件：.append（）将元素添加到DOM但元素不可见？

Question

我正在尝试编写我的第一个jQuery插件，并且很早就遇到了麻烦。我的插件的第一部分需要将div添加到另一个div中。它可以做到这一点，我可以在开发人员工具中看到内部div是前置的，但它在屏幕上是不可见的（即使开发人员工具说它具有所有必要的样式并附加）。

这是我的插件代码：

(function($) {

$.fn.skillBarLoad = function( ) {

    var prependedSkillBar = $("<div></div>");

    prependedSkillBar.css({
        "color": "#f9f9f9",
        "height": "100%",
        "width":  "100%"
    });

    return this.each( function() {
        $(this).prepend(prependedSkillBar);
    });

}

}(jQuery));

提前感谢您的帮助。

Answer 1

您已设置color属性，该属性仅适用于该div内的文本。尝试设置背景颜色，如：

prependedSkillBar.css({
    "background-color": "#f9f9f9",
    "height": "100%",
    "width":  "100%"
});