@@ -1,31 +0,0 @@
<!DOCTYPE html>
< html lang ="en ">
< head >
< meta charset ="UTF-8 ">
< title > jQuery Pagination plugin</ title >
< link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css " integrity ="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj " crossorigin ="anonymous ">
< script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js " integrity ="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY " crossorigin ="anonymous "> </ script >
< script src ="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js " integrity ="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB " crossorigin ="anonymous "> </ script >
< script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js " integrity ="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU " crossorigin ="anonymous "> </ script >
< script src ="../jquery.twbsPagination.js " type ="text/javascript "> </ script >
</ head >
< body >
< div class ="container ">
< nav aria-label ="Page navigation ">
< ul class ="pagination " id ="pagination "> </ ul >
</ nav >
</ div >
< script type ="text/javascript ">
$ ( function ( ) {
var obj = $ ( '#pagination' ) . twbsPagination ( {
totalPages : 35 ,
visiblePages : 10 ,
onPageClick : function ( event , page ) {
console . info ( page ) ;
}
} ) ;
console . info ( obj . data ( ) ) ;
} ) ;
</ script >
</ body >
</ html >