最初のメニュー サブ項目を一番上のメニュー項目の下に表示し、その後のすべてのメニュー サブ項目を 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 テーマを利用できるようにしたいと考えています。