Question

我只是希望第一个菜单子项显示在顶部菜单项下面，然后所有后续菜单子项都表现为JQuery菜单的默认行为。我有点在第一个子菜单项上淡入淡出，但是当我单击顶部菜单时，它会从JQuery UI恢复为JQuery默认值。

有没有办法更改或停止此默认行为？

小提琴：http://jsfiddle.net/indianapolymath/rV7mX/2/

$("#EnvironmentalMenu").menu();
$(".firstSubNav").position({
    my: "left top",
    at: "center bottom",
    collision: "fit"
});

$(function () {
    $('.nav li').hover(
        function () { 
            $('ul', this).fadeIn();
        },
        function () { 
            $('ul', this).fadeOut();
        }
    );
});

我试过.position但似乎没有帮助，但我从未使用过位置，可能没有正确使用它。所以我没有得到其他小部件的响应，我想使用JQuery菜单来实现这一点，所以我可以利用CSS UI主题。

Answer 1

您需要改变的是：

$("#EnvironmentalMenu").menu();
var position = $(".firstSubNav").position({
    my: "left top",
    at: "center bottom",
    collision: "fit"
});
$("#EnvironmentalMenu").menu( "option", "position");

您已初始化菜单及其位置，但您从未设置

从searching the jQuery UI API

找到它

菜单栏使用Jquery 2

1 个答案: