Mootools Fx.Slide& CSS样式?

时间:2014-04-17 20:48:40

标签: javascript css mootools mootools-more mootools-fx

我正在玩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),它似乎从来没有弄乱我的任何风格。有什么建议吗?

1 个答案:

答案 0 :(得分:4)

这是因为你的风格设置方式。

Fx.Slide在ul附近添加了一个div。因此,ul停止从#header #nav > ul > li > ul收到其样式,因为它不再是#header #nav > ul > li的直接后代。