Question

我有一个容器div，其中我想使用jquery动态创建其他框（div）。每个新盒子应放在其他打开盒子的左侧。一切正常，除了盒子打开到其他打开盒子的右侧。以下是我到目前为止的表现：

#container{

    overflow-y:hidden;
    white-space:nowrap;
    border:none;
    position:relative;
    z-index:998;
    overflow:hidden;
    float:left;
    display:table-row;
    vertical-align:bottom;
}
.box{

    z-index:997;
    vertical-align:bottom;
    width: 225px;
    position:static;
    border:1px solid #666666;
    /*next lines are added to force boxes go to bottom when minimized-cross browser solytion*/
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

有什么建议吗？

Answer 1

而不是附加它们（我假设你是）使用prepend在开始时添加新元素..

var newEl = $('<div>',{class:'box', text:'whatever..'});
$('#container').prepend( newEl );

演示http://www.jsfiddle.net/gaby/acnNe/

Answer 2

使用.prepend()可能最简单：

$('#container').prepend( '<div class=".box">Some content</div>' );

这将插入新框作为容器的第一个子框 - 在容器中的任何其他框之前。

Answer 3

如果您使用的是jQuery，则应使用$.insertBefore()在系列的“开头”插入新的DIV。

http://api.jquery.com/insertBefore/

Answer 4

你有没有考虑过浮动权利：

#container{
float: right
}

从容器的右侧到左侧动态打开框

4 个答案: