libs/js/jquery-mobile-1.1.0/js/jquery.mobile.grid.js

   1 //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
   2 //>>description: Applies classes for creating grid or column styling.
   3 //>>label: Grid Layouts (Columns)
   4 //>>group: Widgets
   5 //>>css: ../css/themes/default/jquery.mobile.theme.css, ../css/structure/jquery.mobile.grid.css
   6
   7 define( [ "jquery" ], function( $ ) {
   8 //>>excludeEnd("jqmBuildExclude");
   9 (function( $, undefined ) {
  10
  11 $.fn.grid = function( options ) {
  12         return this.each(function() {
  13
  14                 var $this = $( this ),
  15                         o = $.extend({
  16                                 grid: null
  17                         },options),
  18                         $kids = $this.children(),
  19                         gridCols = {solo:1, a:2, b:3, c:4, d:5},
  20                         grid = o.grid,
  21                         iterator;
  22
  23                         if ( !grid ) {
  24                                 if ( $kids.length <= 5 ) {
  25                                         for ( var letter in gridCols ) {
  26                                                 if ( gridCols[ letter ] === $kids.length ) {
  27                                                         grid = letter;
  28                                                 }
  29                                         }
  30                                 } else {
  31                                         grid = "a";
  32                                 }
  33                         }
  34                         iterator = gridCols[grid];
  35
  36                 $this.addClass( "ui-grid-" + grid );
  37
  38                 $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
  39
  40                 if ( iterator > 1 ) {
  41                         $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
  42                 }
  43                 if ( iterator > 2 ) {
  44                         $kids.filter( ":nth-child(3n+3)" ).addClass( "ui-block-c" );
  45                 }
  46                 if ( iterator > 3 ) {
  47                         $kids.filter( ":nth-child(4n+4)" ).addClass( "ui-block-d" );
  48                 }
  49                 if ( iterator > 4 ) {
  50                         $kids.filter( ":nth-child(5n+5)" ).addClass( "ui-block-e" );
  51                 }
  52         });
  53 };
  54 })( jQuery );
  55 //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
  56 });
  57 //>>excludeEnd("jqmBuildExclude");