流星使用jquery分頁問題？

-1

我做分頁使用jQuery，但它並不適用，也來了一個錯誤，即：流星使用jquery分頁問題？

Uncaught TypeError: Object [object Object] has no method 'customPaginate'

我沒有得到這方面有任何想法，請參見下面的代碼，並建議我該怎麼爲這個做問題？

代碼：

<template name="data"> 
     <div class="menu"> 
      <table> 
        <thead> 
         <tr> 
          <th><div class="cmenu"><u>A</u></div></th> 

          <th><div class="cmenu"><u>B</u></div></th> 

          <th><div class="cmenu"><u>C</u></div></th> 

          <th><div class="cmenu"><u>D</u></div></th> 

          <th><div class="cmenu"><u>E</u></div></th> 
         </tr> 
        </thead> 

        <tbody> 

         {{#each info}} 

          <tr> 
          <div class="userinfoitem"> 
          <td><div class="info">{{a}}</div></td> 
          <td><div class="info">{b}}</div></td> 
          <td><div class="info">{{c}}></div></td> 
           <td><div class="info">{{d}}</div></td> 
           <td><div class="info">Act</div></td> 
          </div> 
          </tr> 

        {{/each}} 

        </tbody> 

       </table> 
       <div class="pagination"> 
       </div> 
     </div> 

    </template>

Pagination.js

(function($) 
{ 

    $.fn.customPaginate = function(options) 
    { 
    var paginationContainer = this; 
    var itemsToPaginate; 
    var defaults = { 
     itemsPerPage : 5 
     }; 
     var settings = {}; 
     $.extend(settings,defaults,options); 
    // pagenationContainer = $(settings.paginationContainer); 
     itemsToPaginate = $(settings.itemsToPaginate); 
     var numberOfPaginationLinks = Math.ceil((itemsToPaginate.length/settings.itemsPerPage)); 
     $("<ul></ul>").prependTo(paginationContainer); 
     for(var index = 0 ; index < numberOfPaginationLinks ; index++) 
     { 
     paginationContainer.find("ul").append("<li>"+(index+1)+"</li>"); 
     } 
     itemsToPaginate.filter(":gt("+ (settings.itemsPerPage - 1) +")").hide(); 
     paginationContainer.find("ul li").on('click',function() 
     { 
     var linkNumber = s(this).text(); 
     var itemsToHide = itemsToPaginate.filter(":lt("+(linkNumber - 1) * settings.itemsPerPage+")"); 
     $.merge(itemsToHide,itemsToPaginate.filter(":lt("+linkNumber * settings.itemsPerPage-1+")")); 
     itemsToHide.hide(); 
     var itemsToShow = itemsToPaginate.not(itemsToHide); 
     itemsToShow.show(); 
     }); 
    } 

    }(jQuery));

custom.js

(function($) 
{ 
$(document).ready(function() 
{ 
    //here gets error customPaginate not defined 
    $(".pagination").customPaginate({ 
     itemsToPaginate : ".userinfoitem" 
     }); 

}); 
}(jQuery));

來源

2014-02-27 user3213821

你[複製/粘貼該代碼]（http://stackoverflow.com/questions/16882503/jquery-pagination-prev-and-next）從一些jQuery項目，並希望它的工作？ –

不工作。我得到錯誤，即'沒有方法'customPaginate''.So請幫助我嗎？。@ Dan Dascalescu。 – user3213821

分頁流星最容易使用的工作表/數據網格包像reactive-table。檢查項目的GitHub，那裏有幾個例子。

更強大的分頁包，但不是表增強的一個，是meteor-pages。

來源

2014-02-27 09:41:41

流星使用jquery分頁問題？

回答

相關問題