分页插件paging.js怎么用

JavaScript05

分页插件paging.js怎么用,第1张

//默认参数 分页代码：

var defaults = {

//id : '#paging',//id

leng: 9,//总页数

activeClass: 'page-active' ,//active类

firstPage: '首页',//

lastPage: '末页',

prv: '?',

next: '?',

//data : {},

}

我也是啊，但个页面可以，放到mvc index中就是不行。

------------------------------------------------------------------------

我刚才出来效果了。

我用的MVC4.

一、先在BundleConfig.cs中 引入css 和 jpaginate

 //分页脚本

          bundles.Add(new ScriptBundle("~/bundles/jPaginate").Include("~/Content/jPaginate/jquery.paginate.js"))

          //分页样式          

          bundles.Add(new StyleBundle("~/bundles/jPaginateCss").Include("~/Content/jPaginate/css/style.css"))

二、 在再layout中 加入：

  @Styles.Render("~/bundles/jPaginateCss")

  @Scripts.Render("~/bundles/jquery")

  @Scripts.Render("~/bundles/jPaginate")

注意吧jquery的提前了

三、 然后再 Index 中

@{

    ViewBag.Title = "Index"

}

<h2>Index</h2>

<div class="demo">

                <h1>Demo 4</h1>

                <div id="demo1">                   

                </div>

            </div>

<script>

   

    $(function () {

        $("#demo1").paginate()

    })

</script>

这是默认的风格，然后自己去调吧  刚试出来的