自定义jQuery分页

时间:2013-05-28 11:40:33

标签: jquery html pagination

我在我的网站上使用jQuery分页插件。我使用下面的代码。

<div id="ids"></div>

$(function () {
    $("#ids").paginate({
        count: 10,
        start: 1,
        display: 5,
        border: true,
        border_color: "#009933",
        text_color: "#000",
        background_color: "#95C25B",
        border_hover_color: "#ccc",
        text_hover_color: "#95C25B",
        background_hover_color: "#000",
        images: false,
        mouse: "press",
        onChange: function (e) {
          //some functions on selecting page number
        }
    });
});

我想在点击页码的“最后一个”(即第一个和最后一个)时调用其他一些功能。如何为“最后一个”分页编号赋予特定功能

1 个答案:

答案 0 :(得分:0)

我不知道这个插件是如何工作的,但你说的是“最后”和“第一个”li元素,所以这可能有用吗?

HTML:

<ul>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
  <li>test</li>
</ul>

Jquery:

$(function(){
  $('ul li').first().bind("click", function(){
      $(this).css('background-color','red');
  });
  $('ul li').last().bind("click", function(){
      $(this).css('background-color','red');
  });
});

我创造了一个js小提琴:http://jsfiddle.net/aDk6m/