2010-09-10 51 views
3

我添加一個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總的來說讓我感到無法接受。但別人的你必須這樣做,(##打頭##

回答

1

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>