的jQuery插件分页与工程奇数〜十岁上下的页面结构

我添加一个jQuery插件，我们的网站目前是需要的，但它打破了，当有需要进行分页页面上的两个元素。我已经向插件的开发者询问了这一点，并且他确认它的设计只有页面上的一个元素。的jQuery插件分页与工程奇数〜十岁上下的页面结构

所以，我出去找另一个寻呼机的插件，但所有我发现不能处理我的具体使用情况的人的。

我的使用情况如下。我有一组列表作为列。在第一页上，我想看到两列的前两个列表元素。 4它显示1 - -

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

在当前的寻呼机，我已经通过计算列的量和通过将它们除以正规的开始/结束，所以不是表示记录1实施此2.使用： nth-child选择器，jquery然后显示ul的第一个和第二个li元素。（如果你正在寻找代码：http://pastebin.com/F7BqQaxh）

这是唯一可能的，因为我们使用的特殊的jQuery插件使用了自定义的回调函数，当用户点击一个页码来执行。然而，当页面上的多个元素的，这并不工作，作为回调函数没有意识这两个寻呼机元素正在被点击 - 或者说我只是缺少一些基本的东西。

所以。我想我在寻找一个简单的寻呼机插件，在同一页上有多个元素的作品（并且应该有。每（）调用的工作，这样我就可以申请该寻呼机的所有元素与“分页”类），/和/有一个可覆盖的方法来实现我的自定义行为。

我几乎没有精通（或病人），足以在Javascript去发展它在我自己的，即使它应该是很容易。我在一小段代码中挣扎了整整一天，而JS总的来说让我感到无法接受。但别人的你必须这样做，（##打头##

来源

2010-09-10 fwielstra

的pajinate插件会做你需要它可以定义，这应该坐下来，把它不会有问题的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>

来源

2010-12-21 07:13:50

的jQuery插件分页与工程奇数〜十岁上下的页面结构

回答

相关问题