2013-02-26 9 views
1

Я пытаюсь сделать работу с постраничной jQuery, и я включаю этот файл javascript, который запускает его.Uncaught TypeError: Object [object Object] не имеет метода 'tablesorter'

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

Хром показывает, что файл загружен, однако постраничные клики не работают. Я иду в консоль, и я получаю эту досадную небольшую ошибку, о которой я не знаю, как ее решить. Класс есть:/

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

+0

Вот, наверное, почему:/Я просто тупой, я не знал, что вам нужны они оба. Любая идея, где я могу получить этот файл? – zzwyb89

+0

Вы проверили с Devtools в разделе «Источники» и посмотрели, были ли загружены скрипты? – elclanrs

ответ

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.

Смежные вопросы