jquery - 自定义 jQuery 分页

Question

我在我的网站中使用 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
        }
    });
});

我想在单击页码的“最后一个”（即第一个和最后一个 li）时调用其他一些功能。如何为分页号的“最后一个”提供特定功能

Answer 1

我不知道插件是如何工作的，但你说的是“最后一个”和“第一个”li 元素，所以也许这会起作用？

HTML：

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

查询：

$(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/