流星使用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分页问题？

回答

相关问题