mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
|
|
//>>description: Formats groups of links as navigation bars.
|
|
//>>label: Navigation Bars
|
|
|
|
define( [ "jquery", "./jquery.mobile.widget", "./jquery.mobile.buttonMarkup", "./jquery.mobile.grid" ], function( $ ) {
|
|
//>>excludeEnd("jqmBuildExclude");
|
|
(function( $, undefined ) {
|
|
|
|
$.widget( "mobile.navbar", $.mobile.widget, {
|
|
options: {
|
|
iconpos: "top",
|
|
grid: null,
|
|
initSelector: ":jqmData(role='navbar')"
|
|
},
|
|
|
|
_create: function(){
|
|
|
|
var $navbar = this.element,
|
|
$navbtns = $navbar.find( "a" ),
|
|
iconpos = $navbtns.filter( ":jqmData(icon)" ).length ?
|
|
this.options.iconpos : undefined;
|
|
|
|
$navbar.addClass( "ui-navbar" )
|
|
.attr( "role","navigation" )
|
|
.find( "ul" )
|
|
.grid({ grid: this.options.grid });
|
|
|
|
if ( !iconpos ) {
|
|
$navbar.addClass( "ui-navbar-noicons" );
|
|
}
|
|
|
|
$navbtns.buttonMarkup({
|
|
corners: false,
|
|
shadow: false,
|
|
iconpos: iconpos
|
|
});
|
|
|
|
$navbar.delegate( "a", "vclick", function( event ) {
|
|
if( !$(event.target).hasClass("ui-disabled") ) {
|
|
$navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass );
|
|
$( this ).addClass( $.mobile.activeBtnClass );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
//auto self-init widgets
|
|
$( document ).bind( "pagecreate create", function( e ){
|
|
$( $.mobile.navbar.prototype.options.initSelector, e.target ).navbar();
|
|
});
|
|
|
|
})( jQuery );
|
|
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
|
|
});
|
|
//>>excludeEnd("jqmBuildExclude");
|