整容说文库 > 程序代码 > 教育资讯

请教一个关于 jQuery分页插件应用问题!(急)

来源:学生作业帮助网 编辑:整容说文库 时间:2019/06/25 19:27:21 程序代码
请教一个关于 jQuery分页插件应用问题!(急)程序代码
JS代码如下:
头部引用分页插件

<link href="scriptandcss/smartpaginator.css" type="text/css" />
    <script src="scriptandcss/smartpaginator.js" type="text/javascript"></script>

function getNoticeList(typeID,pageSize,payindex){
            var strCon = "";
            jQuery.getJSON("/handlers/getGameNoticeListHandler.ashx?gameID=" + typeID + "&pageSize=" + pageSize + "&pageIndex=" + payindex + "&jsoncallback=?", function(data) {
            jQuery.each(data.Items, function(i, item) {
                   
                    strCon += "<li style='height: 20px; line-height: 20px; padding: 0pt 30px; overflow: hidden;'><span style='width: 80px; padding-right: 30px; float:right'>[" + parseDate(item["addtime"]).format("yyyy-MM-dd") + "]</span><span style='width: 500px;'><a href='news.aspx?id=" + item["id"] + "' target=_blank>" + item["title"] + "</a></span></li>";

                });

                jQuery("#xszn").html(strCon);
            });
        } 

以下HTML部分

 <h1>
                               公告活动</h1>
                            <div class="entry">
                                    <ul id="xszn">
                                      <li style="height: 20px; line-height: 20px; padding: 0pt 30px; overflow: hidden;">数据正在加载......</li>
                                    </ul>
                            </div> 
                            <script language="javascript" type="text/javascript">getNoticeList(22,10,1);</script> 
                            <div id="black" style="margin: auto;">00000</div>
                            <script language="javascript" type="text/javascript">
                                $('#black').smartpaginator({ totalrecords: 32, recordsperpage: 4, length: 4, next: '下页', prev: '上页', first: '首页', last: '尾页', theme: 'black' });


                            </script>

求分页部分的具体写法!
解决了,马上给分!
程序代码