Jquery tablesorter не работает

Я новичок в Jquery и вообще в веб-программировании. Я пытаюсь использовать плагин tablesorter jquery для одной из моих программ и обнаруживаю, что он не работает. После некоторой настройки я не смог заставить его работать. Поэтому прибегнул к Stack Overflow.

Объясните, пожалуйста, в чем моя ошибка? Заранее спасибо :)

Теперь мой файл html (следующий код) находится в той же папке, что и мой «jquery.tablesorter.js». Я пытаюсь использовать Google Jquery CDN из школ W3, указанных ниже:

http://www.w3schools.com/jquery/jquery_install.asp

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script> 
<script type="text/javascript">
$(document).ready(function() 
    { 
         $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); 
    } 
); 
</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>

for filename in os.listdir (input_dir) :
  f = open(file_name, 'rb')
  file_content = f.readlines()
  f.close()
  len_file = len(file_content)
  while( i < len_file ):
    line = file_content[i].split(delimiter)
    i +=1

Update1: я могу исправить эту ошибку. Кажется, что добавление Content Distribution от Google вызвало ошибку, изменив его на внутренний каталог, похоже, решило проблему.

На самом деле, я изменился,

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

к этой линии.

<script src="jquery-1.9.1.js" type="text/javascript" ></script>

и это сработало :)

Есть идеи, почему Google CDN не работает? Спасибо! :)

Обновление 2:

При локальном тестировании кода попробуйте добавить http: перед google CDN call.ie,

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Наслаждайтесь плагином :)


javascript html jquery tablesorter
person Learner    schedule 25.02.2013    source источник
comment
Пожалуйста, расширьте свой первоначальный вопрос. действительно трудно понять, чего вы хотите от своего вопроса.   -  person xxmbabanexx    schedule 26.02.2013
comment
Вроде правильно, что не так? Вы пытались удалить информацию sortList и посмотреть, будет ли она работать?   -  person Mark Kadlec    schedule 26.02.2013
comment
@xxmbabanexx: у меня есть дополнительная информация о Google CDN. Но похоже, что ошибка связана с этой строкой. Дайте мне знать, если вам нужна дополнительная информация. Спасибо !   -  person Learner    schedule 27.02.2013
comment
@MarkKadlec: Спасибо, сэр. qn обновлен.   -  person Learner    schedule 27.02.2013
comment
Я думаю, что проблема, с которой вы столкнулись, заключается в том, что URL-адреса, начинающиеся с //, не работают локально. Поэтому, если вы хотите протестировать свой код локально, вам нужно добавить http: впереди.   -  person Mottie    schedule 27.02.2013
comment
В точку :) Большое спасибо @Mottie. Отредактировал мой вопрос, чтобы добавить ответ для будущих ссылок.   -  person Learner    schedule 27.02.2013

Ответы (2)


arrow_upward
1
arrow_downward

Бьюсь об заклад, это работает, просто вы не видите никаких стилей таблицы, потому что файл tablesorter.css не загружен. Попробуйте щелкнуть по заголовку таблицы и посмотреть, сортируется ли она.

person Mottie    schedule 25.02.2013
comment
Кажется, виноват Google CDN, спасибо :) - person Learner; 27.02.2013

arrow_upward
0
arrow_downward

Можешь попробовать - у меня работает..

$(document).ready(function() 
    { 

         $("#myTable").tablesorter({sortList:[[0,0],[2,1]], widgets:'zebra']});
    } 
);
person Kulbhushan Chaskar    schedule 16.07.2013