javascript - Mootools Fx.Slide 和 CSS 样式？

Question

我正在为某些下拉菜单使用 Mootools 的 Fx.Slide 效果。我以前使用它们没有问题，但出于某种原因，现在似乎只要我在元素上设置一个新的 Fx.Slide，它就会弄乱我的 CSS 样式。这是一个上传的例子...

Before applying Fx.Slide

After applying Fx.Slide

您可以看到我的下拉菜单样式的不同之处。我的所有样式都首先通过 this style sheet 应用, 而似乎打乱我的风格的那一行是 line #19 in this menu.js script (这里是一个 paste of the same thing, with line numbers. )。

上面两个例子的区别只有line #19 in menu.js ，你可以看到我在第一个例子中注释掉了......subNav[index] = new Fx.Slide(subNav[index], {duration: 200});

同样，奇怪的是我在其他网站上使用了 Fx.Slide(比如下拉菜单 on this site)，它似乎从来没有扰乱我的任何风格。有什么建议吗？

Answer 1

这是因为您的样式设置方式。

Fx.Slide 在您的 ul 周围添加一个 div。因此，您的 ul 停止从 #header #nav > ul > li > ul 接收其样式，因为它不再是 #header #nav > ul 的直接后代> 李.