1

我用一个例子来解释：

http://jsfiddle.net/KW4CX/1/

如果您按顺序单击 Divs：B -> C -> D -> E ....（或相反），它工作正常。但是如果你跳过一个：A -> D 它不会更新 Div 的 X 值。

有人知道解决方法吗？也可以是Javascript。

代码：HTML

<div class="col a"><span>A</span></div>
<div class="col"><span>B</span></div>
<div class="col"><span>C</span></div>
<div class="col"><span>D</span></div>
<div class="col"><span>E</span></div>
<div class="col"><span>F</span></div>
<div class="col"><span>G</span></div>
<div class="col"><span>H</span></div>

JS

$(document).ready(function(){
    $('.col').click(function(){
        $('.col.a').removeClass('a');
        $(this).addClass('a');
    });
});

CSS

.col{
    width: 50px;
    height: 20px;
    float: left;
    border: 1px solid #ccc;    
}

.col span{
    position: absolute;
    top: 1%;
    -webkit-transform: rotate(-90deg);
}

.col.a{width: 150px}

重要的是“.col span”重现此问题所需的所有值。

4

0 回答 0