2013-02-25 64 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']}); 
    } 
);