MooTools在包装div中跳转

Question

我正在使用幻灯片效果“关闭”div，效果很好，除非在滑动之前，它会在其包裹div中沿对角线跳转，旁边是浮动div就在它之上。让它看起来很难看......

这说明了我正在谈论的内容：http://jsfiddle.net/ELxPF/

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

解决此问题的最佳方法是什么，保留浮动div的可浮动性 - 最好不使用额外的包装元素？

Answer 1

我建议您改用 .dissolve() 。

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

DEMO

然后您可以使用.reveal()将其恢复。

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