Mootools Fx.Slide和CSS樣式？

Question

我正在使用Mootools的Fx.Slide效果進行一些下拉菜單。 我以前使用它們都沒問題，但是由於某種原因，現在看來，一旦我在一個元素上設置了新的Fx.Slide，它就會弄亂我的CSS樣式。 這是一個上載的示例...

應用Fx.Slide之前

應用Fx.Slide之后

您可以看到我的下拉菜單樣式的不同。 我的所有樣式都首先通過此樣式表應用 ，並且似乎使我的樣式混亂的行是此menu.js腳本中的第19行 （這是同一行的粘貼，帶有行號。 ）。

上面兩個示例之間的區別僅在於menu.js中的第19行 ，您可以看到我已經在第一個示例中將其注釋掉了... subNav[index] = new Fx.Slide(subNav[index], {duration: 200});

此外，奇怪的是，我已經使用Fx.Slide在其他網站上（比如下拉菜單在這個網站 ），它似乎從來沒有弄亂我的任何樣式。 有什么建議嗎？

Answer 1

這是因為您的樣式是如何設置的。

Fx.Slide在ul周圍添加一個div。 因此，您的ul不再從#header #nav > ul > li > ul接收其樣式，因為它不再是#header #nav > ul > li的直接后代。