library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Menu: Refactoring flyout menu in prepartion for merging into menu

Browse Source
This commit is contained in:
jzaefferer 2011-02-24 11:13:37 +01:00
parent 6bd95efe5e
commit 5c687be331
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
tests/visual/menu/flyoutmenu.js
View File

@ -16,7 +16,6 @@ $.widget("ui.flyoutmenu", {
_create: function() {
var self = this;
this.active = this.element;
this.activeItem = this.element.children("li").first();
// hide submenus and create indicator icons
this.element.find("ul").addClass("ui-menu-flyout").hide().prev("a").prepend('<span class="ui-icon ui-icon-carat-1-e"></span>');
@ -26,12 +25,13 @@ $.widget("ui.flyoutmenu", {
self._select(event);
},
focus: function(event, ui) {
self.active = ui.item.parent();
self.activeItem = ui.item;
ui.item.parent().focus();
ui.item.parent().find("ul").hide();
var nested = $(">ul", ui.item);
if (nested.length && event.originalEvent && /^mouse/.test(event.originalEvent.type)) {
self._open(nested);
nested.focus();
}
}
}).keydown(function(event) {
@ -60,7 +60,7 @@ $.widget("ui.flyoutmenu", {
_open: function(submenu) {
// TODO restrict to widget
//only one menu can have items open at a time.
$(document).find(".ui-menu-flyout").not(submenu.parents()).hide();
$(document).find(".ui-menu-flyout").not(submenu.parents()).hide().data("menu").blur();
var position = $.extend({}, {
of: this.activeItem
@ -93,16 +93,12 @@ $.widget("ui.flyoutmenu", {
}
},
activate: function(event, item) {
if (item) {
item.parent().data("menu").widget().show();
item.parent().data("menu").focus(event, item);
}
var parent = item.parent();
parent.data("menu").focus(event, item);
this.activeItem = item;
this.active = item.parent("ul")
this.active.focus();
parent.focus();
},
show: function() {
this.active = this.element;
this.element.show();
},
hide: function() {