Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-03 06:10:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated to use grid plugin for column layouts

Browse source
This commit is contained in:
scottjehl 2010-09-19 08:24:25 -04:00
parent b500be9657
commit 682595628f
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
js/jQuery.mobile.globalnav.js
View file

@ -17,25 +17,28 @@ $.fn.globalnav = function(settings){
},settings);
//wrap it with footer classes
var globalnav = $(this).wrapInner('<div class="ui-globalnav ui-bar-a"></div>').children(0).addClass(o.fixedAs == 'footer' ? 'ui-footer' : 'ui-header');
//apply fixed footer markup to ui-footer
$(this).fixHeaderFooter();
var $globalnav = $(this);
$globalnav
.wrapInner('<div class="ui-globalnav ui-bar-a"></div>')
.children(0)
.addClass(o.fixedAs == 'footer' ? 'ui-footer' : 'ui-header');
//set up the nav tabs widths (currently evenly divided widths, to be improved later)
var navtabs = globalnav.find('li');
navtabs.width(100/navtabs.length+'%');
//apply state on click and at load
//NOTE: we'll need to find a way to highlight an active tab at load as well
navtabs.find('a')
$globalnav
.find('ul')
.grid({grid: $globalnav.find('li').length > 2 ? 'b' : 'a'})
.find('a')
.buttonMarkup({corners: false, iconPos: 'top', icon: 'arrow-u'})
.bind('tap',function(){
navtabs.find('.ui-btn-active').removeClass('ui-btn-active');
//NOTE: we'll need to find a way to highlight an active tab at load as well
$globalnav.find('.ui-btn-active').removeClass('ui-btn-active');
$(this).addClass('ui-btn-active');
});
//insert outside of ui page divs
$(this).appendTo('body');
$globalnav
.appendTo('body')
.fixHeaderFooter();
});
};
})(jQuery);