MooTools幻灯片在包装div中跳过

Question

我用一个幻灯片效果来“关闭”一个div，它工作得很好，除了在滑动之前，它在它的包装div中斜跳，旁边是一个浮动的div，在它上面。让它看起来丑陋..。

这正好说明了我在说什么：http://jsfiddle.net/ELxPF/

当浮动的div没有被浮动时，一切都很好，所以它与浮点数有关。我认为，在启动幻灯片效果时应用于非浮动div的包装器不会执行clear: both;或类似的操作，从而导致其斜跳。

解决这个问题的最好方法是保留浮动div的可浮性--最好不要使用额外的包装元素？

Answer 1

我建议你用.dissolve()代替。

$('slide').addEvent('click', function () {
    $('two').dissolve()
});

演示

然后你可以用.reveal()把它带回来。

$('slide').addEvent('click', function () {
    $('two').dissolve();
});
$('one').addEvent('click', function () {
    $('two').reveal();
});