gpt4 book ai didi

jquery - 将列动态添加到使用 jQuery 的表排序器管理的表中

转载 作者:行者123 更新时间:2023-12-01 00:25:30 24 4
gpt4 key购买 nike

在具有由 jQuery 的表排序器排序的表的网页上,具有动态向表添加列的功能。发生这种情况时,我调用触发器(“update”)和触发器(“appendCache”)以使表排序器能够按新列进行排序(我也尝试再次调用表排序器())。但是,在我单击标题单元格之前,用于排序的小部件不会出现在新列中。

我的问题是有人知道如何让小部件立即出现吗?谢谢问候杰森

最佳答案

   <head>

<title>jQuery plugin: Tablesorter 2.0</title>

<link rel="stylesheet" href="css/jq.css" type="text/css" media="print, projection, screen" />

<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" media="print, projection, screen" />

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

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

<script type="text/javascript">

$(function() {

$(document).ready(function()
{
$("#myTable").tablesorter();
}
);


});
function append(){
var table = $("#myTable");
$(table).remove();
var tr = $("<tr></tr>");
$("<td></td>").html('Test').appendTo(tr);
$("<td></td>").html('test').appendTo(tr);
$("<td></td>").html('test@gmail.com').appendTo(tr);
$("<td></td>").html('$5.00').appendTo(tr);
$("<td></td>").html('http://www.test.com').appendTo(tr);
$(tr).appendTo(table);
$(table).appendTo($('#tableholer'));
$("#tableholer table").tablesorter();
}

</script>

</head>
<body>
<div id="tableholer">
<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>jsmith@gmail.com</td>
<td>$50.00</td>
<td>http://www.jsmith.com</td>
</tr>
<tr>
<td>Bach</td>
<td>Frank</td>
<td>fbach@yahoo.com</td>
<td>$50.00</td>
<td>http://www.frank.com</td>
</tr>
<tr>
<td>Doe</td>
<td>Jason</td>
<td>jdoe@hotmail.com</td>
<td>$100.00</td>
<td>http://www.jdoe.com</td>
</tr>
<tr>
<td>Conway</td>
<td>Tim</td>
<td>tconway@earthlink.net</td>
<td>$50.00</td>
<td>http://www.timconway.com</td>
</tr>
</tbody>
</table>
</div>
<input type="button" onclick="append()" value="append"/>
</body>

如果是追加的话,这会起作用。如果删除,请尝试相同的操作,但我不确定

关于jquery - 将列动态添加到使用 jQuery 的表排序器管理的表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4710785/

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