mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-22 17:00:24 +00:00
28 lines
762 B
JavaScript
28 lines
762 B
JavaScript
/*
|
|
* jQuery Mobile Framework : plugin for creating CSS grids
|
|
* Copyright (c) jQuery Project
|
|
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
|
* Note: Code is in draft form and is subject to change
|
|
*/
|
|
(function($, undefined ) {
|
|
$.fn.grid = function(options){
|
|
return $(this).each(function(){
|
|
var o = $.extend({
|
|
grid: 'a'
|
|
},options);
|
|
|
|
$(this).addClass('ui-grid-' + o.grid);
|
|
|
|
var $kids = $(this).children();
|
|
iterator = o.grid == 'a' ? 2 : 3;
|
|
|
|
$kids.filter(':nth-child(' + iterator + 'n+1)').addClass('ui-block-a');
|
|
$kids.filter(':nth-child(' + iterator + 'n+2)').addClass('ui-block-b');
|
|
|
|
if(iterator == 3){
|
|
$kids.filter(':nth-child(3n+3)').addClass('ui-block-c');
|
|
}
|
|
});
|
|
};
|
|
})(jQuery);
|
|
|