jQuery与bootstrap3结合分页

时间:2026-02-16 19:43:19

1、下载bootstrap,解压里面的css,js,放入hbuiler待用

jQuery与bootstrap3结合分页

2、<!DOCTYPE html><html>

 <head>  <meta charset="utf-8">  <script src="js/jquery.min.js"></script> 引入jquery文件,

jQuery与bootstrap3结合分页

3、<link rel="stylesheet" href="css/bootstrap.min.css" />

引入bootstrap的css样式,所有引入的样式,jquery都放在<head>标签里面,

最好是引用本地代码,不要引用链接,(下载jquery文件,不使用连接)

jQuery与bootstrap3结合分页

1、页面加载完成以后追加<li>标签,点击页码弹出页码使用

var a=$(this).index();     alert(a);

jQuery与bootstrap3结合分页

2、 <link rel="stylesheet" href="css/bootstrap.min.css" />  <script>   $(function() {    $('#ul').append('<li>sdf</li>')    $('#ul li').click(function() {     var a=$(this).index();     alert(a);    })   })  </script>

 </head>

jQuery与bootstrap3结合分页

3、 <body>  <ul id="ul" class="pagination pagination-sm">   <li><a href="#">1</a></li>   <li><a href="#">2</a></li>  </ul>   </body>

jQuery与bootstrap3结合分页

© 2026 一点资料
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com