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

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/