移行中にサブメニューのドロップダウンにカーソルを合わせると、少し問題が発生します...ひどくちらつきます。本当に悪いです... .stop を追加しようとしましたが、助けにはなりませんでした。当然、多くのユーザーが下に移動します。効果が移行している間....これを止める方法があることを願って、私は以下を構築しました...
// menu hover functionality
$(document).ready(function () {
$('nav li,#mini-menu li').hover(
function () {
//show its submenu
$('.sub-nav', this).slideDown(400).stop;
$('.mini-nav', this).fadeIn(300).stop;
},
function () {
//hide its submenu
$('.sub-nav,.mini-nav', this).stop(true,true).fadeOut(300);
}
);
// preserves nav hover state
$("nav ul li .sub-nav").each(function(i){
$(this).hover(function(){
$(this).parent().find("a").slice(0,1).addClass("navactive");
},function(){
$(this).parent().find("a").slice(0,1).removeClass("navactive");
});
});
});
リンク 4 にカーソルを合わせると、サブ メニューが表示されている間にサブ メニューに入ることができます。