gpt4 book ai didi

javascript - JQuery Tablesorter 不是函数

转载 作者:行者123 更新时间:2023-11-30 10:45:00 25 4
gpt4 key购买 nike

我正在将一个 XML 文件解析成一个表,并想使用 jquery tablesorter。我尝试了很多东西,但没有一个奏效。我首先通过 AJAX 解析 XML 文件,然后在我的表上调用 tablesorter。我现在拥有代码的方式是在我的表上调用 tablesorter,运行 AJAX,然后使用 $("#table).trigger("update") 更新表。我正在无论我是第一种方式还是第二种方式,都会出现此错误:“$(#table).tablesorter() 不是函数”。有什么想法吗?下面列出了 JS 和 HTML 的代码。

HTML:

<html>
<head>
<title>Read XML</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery-latest.js"</script>
<script type="text/javascript" src="jquery.tablesorter.js"</script>
<script type="text/javascript" src="custom.js"></script>
</head>
<body>
<table id="table" border="1">
<thead>
<tr>
<th>Item #</th>
<th>Shape</th>
<th>Weight</th>
<th>Color</th>
<th>Clarity</th>
<th>Price($)</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>

JS:

$(document).ready(function() {
$("#table").tablesorter();
$.ajax({
type: "GET",
url: "tutorial.xml",
dataType: "xml",
success: parseXml
});
$("#table").trigger("update");
});

function parseXml(xml)
{
$(xml).find("diamond").each(function()
{
$("#table tbody").after("<tr><td>" + $(this).find("id").text() +
"</td><td>" + $(this).find("shape").text() + "</td><td>" + $(this).find("weight").text() +
"</td><td>" + $(this).find("color").text() + "</td><td>" + $(this).find("clarity").text() +
"</td><td>" + $(this).find("price").text() + "</td></tr>");
});
}

最佳答案

您缺少结束符 >

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

应该是

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

编辑:

作为Marek Karbarz在下面指出,您还错过了这一行的结束 >:

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

不过,不确定为什么要包含 jQuery 两次。

关于javascript - JQuery Tablesorter 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8917715/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com