2016-03-25 10 views
0

私はjqueryを初めて使用しています。jquery tablesorterプラグインをダウンロードして使用していますが、jqueryは適用されていません。理由はわかりません。Jquery Tablesorterの実行

https://jsfiddle.net/5wcjd2fc/2/

<title>Population Change from 2000 to 2010</title> 
<meta charset="utf-8" /> 
<script type="text/javascript" src="js/jquery-1.12.2.min.js"> </script> 
<script type="text/javascript" src="js/jquery.tablesorter.min"> </script> 
<link rel="stylesheet" href="css/theme.grey.css"> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#population").tablesorter({ 
theme: "grey", 
widgets: ['zebra'] 
}); 
</script> 
<body> 
<h1>Population Change from 2000 to 2010</h1> 
<table id="population" class="tablesorter"> 

答えて

0

Tablesorterテーブルがthead要素とTBODYタグを含める必要があります。 はここに私のjsfiddleです。あなたのヘッダーがthead内にあり、あなたのソート可能なコンテンツがtbodyにあることを確認してください。

他のすべてはうまく見えます。明らかに、スクリプトファイルが正常にインポートされていることを確認してください。開発者コンソールで$を入力すると、jQueryが利用可能かどうかを知ることができます。

+0

また、私はtablesorterの「ウィジェット」には慣れていませんが、別のスクリプトファイルをインポートする必要はありません。あなたのページにJavaScriptエラーがないことを確認してください。 – AirmanAJK

関連する問題