html

   <div id="page" class="PageCtrl" style="padding: 5px;font-size: 14px;margin: 10px 0;font-size: 12px;width:auto;margin: 0 auto;color: #666; text-align:center">

<li><a disabled="true" class="nolink">首頁</a></li>

<li><a disabled="true" class="nolink">上一頁</a>

</li><li class="currentpage"><a href="javascript:void(0);" data-page="1">1</a></li>

<li><a href="javascript:void(0);" data-page="2">2</a></li>

<li><a href="javascript:void(0);" data-page="3">3</a></li>

<li><a href="javascript:void(0);" data-page="4">4</a></li>

<li><a href="javascript:void(0);" data-page="5">5</a></li>

<li><a href="javascript:void(0);" data-page="6">6</a></li>

<li><a href="javascript:void(0);" data-page="7">7</a></li>

<li><a href="javascript:void(0);" data-page="8">8</a></li>

<li><a href="javascript:void(0);" data-page="9">9</a></li>

<li><a href="javascript:void(0);" data-page="10">10</a></li>

<li><a href="javascript:void(0);" data-page="11">...</a></li>

<li class="nextpage"><a href="javascript:void(0);" data-page="2">下一頁</a></li>

</div>

js

// 新增翻頁繫結事件  給li 繫結點選事件
            $('#page li ').click(function () {
             
                 var n = this.children[0].getAttribute('data-page');
                if (n == undefined || n == "" || n == null) return;
                e.BuildProductList(n, 10);
            })

// 新增翻頁繫結事件 給a繫結點選事件
            $('#page li a').click(function () {
              
               var n =this.getAttribute('data-page');
                if (n == undefined || n == "" || n == null) return;
                e.BuildProductList(n, 10);
            })