2013-02-26 83 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對象上。

相關問題