2013-02-25 137 views
0

我是Jquery和网络编程的新手。我正尝试使用tablesorterjquery插件,因为我的一个程序只是发现它不起作用。经过一些调整后,我无法使它工作。所以采取了堆栈溢出。Jquery tablesorter无法正常工作

你能解释一下我的错误吗?在此先感谢:)

现在,我的html文件(下面的代码)是在我的“jquery.tablesorter.js”在同一文件夹中。我试图从W3学校使用谷歌JQuery的CDN下面引用:

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:我能够解决这个错误。似乎从谷歌添加内容分发引起的错误将其更改为内部目录似乎解决了这个问题。

其实,我变了,

<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> 

和它的工作:)

任何想法,为什么谷歌CDN没有工作?谢谢! :)

UPDATE2:

当你在本地测试代码,尝试添加HTTP:谷歌的CDN call.ie之前,

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

享受插件:)

+0

请继续扩充你原来的问题。它真的很难理解你想从你的问题中得到什么。 – xxmbabanexx 2013-02-25 23:19:56

+0

它看起来没错,什么不工作?你有没有尝试删除sortList信息,看看它是否会工作? – 2013-02-25 23:25:18

+0

@xxmbabanexx:我有一些关于谷歌CDN的更多信息。但似乎错误是由于该行。让我知道你是否需要更多信息。谢谢 ! – Learner 2013-02-27 10:56:46

回答

1

我敢打赌,它是工作,你只是没有看到任何表样式,因为tablesorter.css文件未加载。尝试点击表头,看看它是否分类。

+0

似乎Google CDN是罪魁祸首,谢谢:) – Learner 2013-02-27 11:03:18

0

你可以尝试 - 这对我的作品..

$(document).ready(function() 
    { 

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