Issue 1603: Admin menu navigation UX enhancement. (Desktop)

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10327 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-03-05 10:39:12 +00:00
parent fa8bde2ac7
commit 0c5d6f13d4
5 changed files with 66 additions and 100 deletions

View file

@ -158,37 +158,34 @@ $.fn.xeMenu = function(){
.attr('role', 'navigation') // WAI-ARIA role
.find('li')
.attr('role', 'menuitem') // WAI-ARIA role
.find('>ul').hide().end()
.find('>ul').css('height','0').end()
.filter(':has(>ul)')
.attr('aria-haspopup', 'true') // WAI-ARIA
.end()
.end()
.delegate('li', {
mouseover : function(){
$(this)
.addClass('active')
.find('>ul').show().end()
.parentsUntil('.gnb')
.filter('li').addClass('active').end()
.end()
},
mouseleave : function(){
$(this)
.removeClass('active')
.find('>ul').hide();
},
focusout : function(){
var $this = $(this);
setTimeout(function(){
if(!$this.find(':focus').length) {
$this.removeClass('active').find('>ul').hide();
}
}, 1);
}
.mouseover(function(){
$(this)
.addClass('active')
.find('>ul>li>ul').css('height','auto').end()
.find('>.bmk>.tgContent').show();
})
.mouseleave(function(){
$(this)
.removeClass('active')
.find('>ul>li>ul').css('height','0').end()
.find('>.bmk>.tgContent').hide();
})
.focusout(function(){
var $this = $(this);
setTimeout(function(){
if(!$this.find(':focus').length) {
$this.removeClass('active').find('>ul>li>ul').css('height','0');
}
}, 1);
})
.delegate('a', {
focus : function(){
$(this).parent('li').mouseover();
$(this).mouseover();
}
});
};
@ -197,6 +194,7 @@ $('div.gnb').xeMenu();
});
// Modal Window
jQuery(function($){