0

我只是希望第一个菜单子项出现在顶部菜单项下方，然后所有后续菜单子项都表现为 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 但似乎没有帮助，但我从未使用过 position 并且可能没有正确使用它。就这样我没有得到其他小部件的响应，我想使用 JQuery 菜单来实现这一点，这样我就可以利用 CSS UI 主题。

4

1 回答 1

0

您需要更改的只是：

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

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

通过搜索 jQuery UI API找到它

于 2013-10-29T14:28:14.833 回答