2013-10-15 5 views
0

Я следую демонстрационному примеру, приведенному в tablesorter. Я подтвердил, что jquery работает правильно. Тем не менее, я попытался воссоздать демо, и jquery.tablesorter.js вообще не производит никаких изменений. Вывод по-прежнему является чистой текстовой таблицей HTML.Проблемы с запуском tablesorter

Что мне не хватает?

myTable.html

<!DOCTYPE html> 
<html> 

<head> 

<script type="text/javascript" src="../js/myTable.js"></script> 
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="../js/__jquery.tablesorter/jquery.tablesorter.js"></script> 

</head> 

<body> 

<table id="myTable" class="tablesorter"> 
    <thead> 
    <tr> 
     <th>Last Name</th> 
     <th>First Name</th> 
     <th>Email</th> 
     <th>Due</th> 
     <th>Web Site</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>Smith</td> 
     <td>John</td> 
     <td>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.jsmith.com</td> 
    </tr> 
    <tr> 
     <td>Bach</td> 
     <td>Frank</td> 
     <td>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.frank.com</td> 
    </tr> 
    <tr> 
     <td>Doe</td> 
     <td>Jason</td> 
     <td>[email protected]</td> 
     <td>$100.00</td> 
     <td>http://www.jdoe.com</td> 
    </tr> 
    <tr> 
     <td>Conway</td> 
     <td>Tim</td> 
     <td>[email protected]</td> 
     <td>$50.00</td> 
     <td>http://www.timconway.com</td> 
    </tr> 
    </tbody> 
</table> 

</body> 
</html> 

myTable.js

$(document).ready(function() 
    { 
     $("#myTable").tablesorter(); 
    } 
); 
+0

Любые ошибки в консоль? Что с подчеркиваниями в вашем пути к файлу? – isherwood

+0

Да, ReferenceError: $ не определен js/myTable.js Строка 1 Я довольно новичок в части отладки. Я не уверен, что это значит. Я имею в виду, что это обычно работает, когда я скрываю/показываю вещи, используя jQuery. –

+0

@MarcoLau, вы не включили jQuery, проверьте путь. – dbanet

ответ

2

Переместить JQuery и TableSorter включение перед тем JS/myTable.js:

<head> 

<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="../js/__jquery.tablesorter/jquery.tablesorter.js"></script> 
<script type="text/javascript" src="../js/myTable.js"></script> 

</head> 
Смежные вопросы