jquery mobile分页创建demo

<! DOCTYPE html>

< html lang = "en" >

< head >

     < meta charset = "utf-8" >

     < meta name = "viewport" content = "width=device-width, initial-scale=1" >

     < title >jQM Pagination Demo - 1</ title >

     < link rel = "stylesheet" href = "http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />

     < link rel = "stylesheet" href = "../jquery.mobile.pagination.css" >

     < link rel = "stylesheet" href = "demo.css" >  

     < script src = "http://code.jquery.com/jquery-1.6.2.min.js" ></ script >

     < script src = "http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js" ></ script >

     < script src = "../jquery.mobile.pagination.js" ></ script >

< script src = "/mint/?js" type = "text/javascript" ></ script >

</ head >

< body >

     < img src = "_img/1.jpg" alt = "Clog with flowers planted in it" > 

     < ul data-role = "pagination" >

         < li class = "ui-pagination-prev" >< a href = "4.html" >Prev</ a ></ li >

         < li class = "ui-pagination-next" >< a href = "2.html" >Next</ a ></ li >

     </ ul >

</ body >

</html>




demo地址

http://filamentgroup.com/examples/jqm-pagination/demo/#/examples/jqm-pagination/demo/3.html