我已经尝试了stupid-table和tablesorter jquery插件,但都没有用!我一直收到错误:" TypeError:$(...)。tablesorter不是一个函数" (与愚蠢相同的错误)。在firefox中,我可以使用调试器查看js文件,因此我知道它已被加载。
有没有人有想法?
我的代码(HTML):
<script type="text/javascript" src="../tablesort/jquery-latest.js"></script>
<script type="text/javascript" src="../tablesort/jquery.tablesorter.js"></script>
<script type="text/javascript" src="../util/js/search.js"></script>
...
<table id='category-results' class='search-results'>
<caption>Category Results</caption>
<colgroup id="category-columns">
<col id="category-names"/>
<col id="category-parents"/>
<col id="category-problems"/>
</colgroup>
<thead>
<tr>
<th>Category Name</th>
<th>In Category</th>
<th>Number</th>
</tr>
</thead>
<tbody>
<tr>
<td>Math</td>
<td>-</td>
<td>3</td>
</tr>
<tr>
<td>Algebraic Geometry</td>
<td>Math</td>
<td>2</td>
</tr>
<tr>
<td>Cell Biology</td>
<td>Biology</td>
<td>4</td>
</tr>
</tbody>
</table>
和Jquery:
$(document).ready(function(){
$("#category-results").tablesorter();
$("#category-results").delegate('th','mouseover mouseleave', function(e) {
if (e.type == 'mouseover') {
$("#category-results col").eq( $(this).index()).addClass("column-hover");
}else{
$("#category-results col").eq( $(this).index()).removeClass("column-hover");
}
});
});
我已经尝试了我能想到的一切,将它作为jquery脚本放在html文档中,使用google jquery版本,更改了目录结构......我不明白的是这些例子在我的浏览器中为两个插件工作,所以它必须是我的结果。我有一些PHP代码用于数据库的东西,但这不应该影响这个。
谢谢!
答案 0 :(得分:0)
问题是我导入了两次JQuery,一次在我的标题中,一次在HTML中。谢谢Kevin B!