2013-02-26 86 views
1

我试图做一个jQuery分页的工作,而我包括这个JavaScript文件触发它。遗漏的类型错误:对象的翻译:有没有方法“的tablesorter”

<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.pager.js" type="text/javascript"> </script> 

Chrome显示文件已加载,但分页点击不起作用。我进入控制台,我得到这个令人讨厌的小错误,我不知道如何解决。这个类有:/

enter image description here

下面是与类的HTML ...

<table id="tabledlist" class="tablesorter" width="920px" align="left" cellpadding="3" cellspacing="0" border="0"> 
..thead, th, tbody, tr, td and so on... 
</table> 

<div align="right" id="pager" class="pager"> 
    <form> 
      <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/first.png" class="first" /> 
      <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/prev.png" class="prev" /> 
      <input align="middle" type="text" class="pagedisplay" size="5"/> 
      <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/next.png" class="next" /> 
      <img src="<?php echo SITE_URL?>/lib/skins/flyeuro/images/pagination/last.png" class="last" /> 
    </form> 
</div> 

而且它下面,我包括这...

<script defer="defer"> 
    $(document).ready(function() 
    { 
      $("#tabledlist") 
      .tablesorter({widthFixed: true, widgets: ['zebra']}) 
      .tablesorterPager({container: $("#pager")}); 
    } 
    ); 
</script> 

任何想法?

+0

你包括'tablesorter'第一插件?你似乎有'传呼机'“附加”......(不知道这是否是我的一个愚蠢/明显的问题)。 'jquery.tablesorter.pager.js'不包括'tablesorter' jQuery插件,你必须包括自己'pager'之前附加。事实上,错误说“没有方法'tablesorter'”让我觉得这... – Ian 2013-02-26 22:53:00

+0

这可能是为什么:/我只是愚蠢的,我不知道你需要他们两个。任何想法,我可以得到这个文件? – zzwyb89 2013-02-26 22:54:55

+0

您是否使用“Sources”下的Devtools进行了检查并查看脚本是否已加载? – elclanrs 2013-02-26 22:55:07

回答

2

由于jQuery抱怨tablesorter不是一个有效的方法,这意味着tablesorter插件似乎不包含/加载。

jQuery的tablesorter插件需要以使用其pager附加。为此,请访问文档并滚动到“下载”部分:http://tablesorter.com/docs/。还有就是下载的tablesorter,还有pager附加,以及其他一些物品。

然后,您将需要包含脚本,这样的事情,根据文件名,你把它们保存为,但最重要的是这个顺序:

<script src="<?php echo SITE_URL?>/lib/js/jquery.js" type="text/javascript"> </script> 
<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.js" type="text/javascript"> </script> 
<script src="<?php echo SITE_URL?>/lib/js/jquery.tablesorter.pager.js" type="text/javascript"></script> 

从那里,你可以使用.tablesorter()方法在jQuery对象上。

相关问题