jQuery Pagination分页插件-精品资源网

jQuery Pagination分页插件

Pagination是一款简洁实用的jQuery分页插件代码，提供多种数据源方式，众多的配置参数，回调函数，显示控制等，还提供了5套内置的分页条皮肤。

js代码

<script src=\"js/jquery-1.10.2.min.js\" type=\"text/javascript\"></script>
<script src=\"dist/pagination.js\"></script>
<script>
	$(function(){

		function createDemo(name){
			var container = $(\'#pagination-\' + name);
			var sources = function(){
				var result = [];

				for(var i = 1; i < 196; i++){
					result.push(i);
				}

				return result;
			}();

			var options = {
				dataSource: sources,
				className: \'paginationjs-theme-blue\',
				callback: function(response, pagination){
					window.console && console.log(response, pagination);

					var dataHtml = \'<ul>\';

					$.each(response, function(index, item){
						dataHtml += \'<li>\'+ item +\'</li>\';
					});

					dataHtml += \'</ul>\';

					container.prev().html(dataHtml);
				}
			};

			//$.pagination(container, options);

			container.addHook(\'beforeInit\', function(){
				window.console && console.log(\'beforeInit...\');
			});
			container.pagination(options);

			container.addHook(\'beforePageOnClick\', function(){
				window.console && console.log(\'beforePageOnClick...\');
				//return false
			});

			return container;
		}

		createDemo(\'demo1\');

	});
</script>