1 //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
2 //>>description: Applies classes for creating grid or column styling.
3 //>>label: Grid Layouts (Columns)
5 //>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.grid.css
7 define( [ "jquery" ], function( $ ) {
8 //>>excludeEnd("jqmBuildExclude");
9 (function( $, undefined ) {
11 $.fn.grid = function( options ) {
12 return this.each(function() {
14 var $this = $( this ),
18 $kids = $this.children(),
19 gridCols = {solo:1, a:2, b:3, c:4, d:5},
24 if ( $kids.length <= 5 ) {
25 for ( var letter in gridCols ) {
26 if ( gridCols[ letter ] === $kids.length ) {
34 iterator = gridCols[grid];
36 $this.addClass( "ui-grid-" + grid );
38 $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
41 $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
44 $kids.filter( ":nth-child(3n+3)" ).addClass( "ui-block-c" );
47 $kids.filter( ":nth-child(4n+4)" ).addClass( "ui-block-d" );
50 $kids.filter( ":nth-child(5n+5)" ).addClass( "ui-block-e" );
55 //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
57 //>>excludeEnd("jqmBuildExclude");