javascript - 动态创建 HTML 元素

Question

我正在尝试使用位于此处的插件创建一个 coverflow:http://vanderlee.github.io/coverflow/

我所要做的就是:

<div class="coverflow">
    <div class="cover">A</div>
    <div class="cover">B</div>
    ...
    <div class="cover">Y</div>
    <div class="cover">Z</div>
</div>

<script>
    $(function() {
        $('.coverflow').coverflow();
    });
</script>

这适用于手动创建的元素，但在执行以下操作时:

var el = {
    newDiv: $("<div>", { class: "cover newDiv"}),
    newElt: $("<div>", { class: "cover newDiv"})
}

$("#preview-coverflow").append(el.newDiv);
$("#preview-coverflow").append(el.newElt);

我的 div 以垂直方式显示，而不是水平显示。我的问题是这两种元素创建形式之间是否有任何区别？在这两种情况下，我(试图)创建空的 div 并附加到父级。我做错了什么吗？

在我的样式表中，只是为了查看我的空 div:

.newDiv { 
    background-color:red
}

Answer 1

添加新元素后尝试使用刷新方法

$('.coverflow').coverflow('refresh');

来自文档:

refresh

Redraw the covers. You shouldn't ever need to do this unless you are adding or removing 
covers or changing the covers yourself.