ホームページ >ウェブフロントエンド >ライユイのチュートリアル >layui.laypageの使い方
layui.laypage の使用方法: まず、layui.laypage プラグインをダウンロードし、次に「$('.layui-laypage .layui-laypage-curr em').css('background','」を渡します。 ')" モジュールを使用するだけです。
推奨事項: 「layUI チュートリアル 」
参考 lauiui.laypage 公式ドキュメント https://www.layui. com/demo/laypage.html
最初のステップはプラグインをダウンロードすることです(layui.cssとlayui.jsだけを導入することはできないことに注意してください。公式が自動構築を行っています。解凍したものを置く必要があります)ファイルをプロジェクト ルートに追加します。パス、ファイルのパスは間違ってはいけません!)
正しいパスは
//分页 function cutPage(pagesCount){ layui.use(['laypage', 'layer'], function(){ var laypage = layui.laypage, layer = layui.layer; //总页数大于页码总数 laypage.render({ elem: 'cutPage',//分页容器 ,html代码为 <p id='cutPage'></p> count:pagesCount ,//数据总数,数据总数后台会在第一次页面加载的时候返回给你 limit:5, //每页展示的数据条数 jump: function(obj){ //jump主要是包含要执行的函数 console.log(obj.curr) //分页器的页码,作为请求参数 $('.layui-laypage .layui-laypage-curr em').css('background','#009688') cutAdvertList(obj.curr) //这个是数据请求接口的函数封装 } }) }) }
list=( i=;i<data.info.list.length;i++ここでの落とし穴です。データを要求するためにインターフェイスをロードするページを使用するのが自然です。コードは同じですが、実行時に無限ループするため、データ要求関数を再カプセル化する必要があります
以上がlayui.laypageの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。