Javascript 使用奇数~ish页面结构的jQuery分页插件

我已经在我们的网站上添加了一个jQuery插件，目前可以按需要工作，但是当页面上有两个元素需要分页时，它就会中断。我已经向插件的开发者询问了这一点，他证实了它的设计在页面上只有一个元素

所以，我出去寻找另一个寻呼机插件，但我发现的所有插件都不能处理我的特定用例

我的用例如下。我有一组用作列的列表。在第一页，我想看到两列的前两个列表元素

<div>
  <ul class="column-1">
    <li>
    <li>
    <li>
    <li>
  </ul>
  <ul class="column-2">
    <li>
    <li>
    <li>
    <li>
  </ul>
</div>

在当前的寻呼机中，我通过计算列的数量并将常规的开始/结束除以它们来实现这一点，因此它显示的不是记录1-4，而是1-2。然后，使用：n子选择器，jquery显示ul的第一个和第二个li元素。（如果您正在查找代码：）

这只可能是因为我使用的特定jquery插件在用户单击页码时使用可自定义的回调函数来执行。但是，当页面上有多个元素时，这不起作用，因为回调函数不知道两个寻呼机元素中的哪一个正在被单击，或者我只是缺少一些基本的东西

所以。我想我正在寻找一个简单的寻呼机插件，它可以在同一个页面上使用多个元素（并且应该使用.each（）调用，这样我就可以将寻呼机应用于具有“paged”类的所有元素），/和/有一个可重写的方法来实现我的自定义行为

我对Javascript还不够精通（或耐心），无法自己开发它，尽管这应该很容易。我花了一整天的时间写了几行代码，而JS总的来说让我非常沮丧。但是总得有人来做：（.###Heading###

插件会做你需要它做的事情。你可以定义这个应该放在那里的div并毫无问题地调用它：

<script type="text/javascript">
$(function(){
  $(".pajinate").pajinate({
    item_container_id:'.pajinate-content', 
    nav_panel_id:'.navigation',
    items_per_page:3,
  });
});
</script>
<div>
  <div id="pajinate1" class="pajinate">
    <div class="navigation"></div>
    <ul class="column-1 pajinate-content">
      <li>a</li>
      <li>b</li>
      <li>c</li>
      <li>d</li>
      <li>e</li>
      <li>f</li>
      <li>g</li>
      <li>h</li>
      <li>i</li>
      <li>j</li>
      <li>k</li>
      <li>l</li>
    </ul>
  </div>
  <div id="pajinate2" class="pajinate">
    <div class="navigation"></div>
    <ul class="column-2 pajinate-content">
      <li>a</li>
      <li>b</li>
      <li>c</li>
      <li>d</li>
      <li>e</li>
      <li>f</li>
      <li>g</li>
      <li>h</li>
      <li>i</li>
      <li>j</li>
      <li>k</li>
      <li>l</li>
    </ul>
  </div>
</div>

$（函数（）{
$（“.pajinate”）.pajinate({
项目容器id:“.pajinate内容”，
导航面板id:“.navigation”，
每页项目：3，
});
});

a
b
c
d
e
f
g
h
我
j
k
l


a
b
c
d
e
f
g
h
我
j
k
l