1

我已经从使用 css 显示/隐藏切换到 javascript/jquery 而不是使用 css 来使用幻灯片功能。我的菜单都是水平的，没有垂直的。幻灯片在技术上是有效的，但如果我从子链接的子链接到对角线的子链接，它会完全中断。也许我的逻辑是错误的？Animate 很酷，但它实际上并没有从左侧滑入（我猜是因为列表从上到下然后向上，然后从左侧滑动），所以除非有办法让它工作，我需要幻灯片才能工作。

小提琴

我再次建议去我的测试站点看看实际发生了什么。让它下降到“uhoh”的孩子，然后在悬停在其中一个孩子上时，斜向“bam”，然后向左，然后回到项目。如果这没有搞砸，只是随机让它悬停，当你出去并将鼠标悬停在父级的“项目”上时它会搞砸。

我的测试站点

4

2 回答 2

0

对于多次进行此类导航的人来说，您的类名和标记中不需要如此复杂。看看这个小提琴的简化版本：

http://jsfiddle.net/fQsr9/

这看起来不那么令人难以抗拒，并且应该更容易使用 jQuery 进行跟踪和操作

于 2012-07-07T02:42:55.377 回答
0

问题是我在 jquery 中调用了一个类，该类是多个子 ul 的名称。

// Add the 'hover' event listener to our drop down class 
$("#navbar li.has_children").hover(function() {
    // When the event is triggered, grab the current element 'this' and 
    // find it's children '.sub_navigation' and display/hide them
    //$(this).find("ul.sub_menu").first().animate({ width: "toggle" }, 100);
    $(this).find("ul.sub_menu").first().toggle("slide", {
        direction: "left"
    }, 200);
});

这需要调用另一个悬停函数并将第二个更改为#navbar li ul li.has_children 以确保它切换到正确的。这仍然给我带来了问题，所以我切换到了带有悬停而不是切换的显示/隐藏，他们现在拉动了正确的。

现在，如果他们停止闪烁......

ps 切换到 jquery 中的 :has() 来调用每个结构而不是类。谢谢奥斯汀！

于 2012-07-08T00:55:42.877 回答