我遇到了一个乍一看似乎在很大程度上被讨论过的问题,但我发现的所有提示都没有帮助。所以我现在尝试一个自己的线程。
我正在使用 jQuery 创建一个数据库前端,用于搜索年度报告并将它们显示在一个表格中,一个表格一年。每个表都放置在一个 jQuery 选项卡中。这些选项卡是动态创建的。所以我可以有 2001、2003 等的标签。每个选项卡的内容是通过选项卡的 ajax 功能动态加载的。
这是创建选项卡的脚本。在 html 正文中创建了一个启动选项卡,将在以下内容中删除该选项卡:
<script>
$(document).ready(function() {
$( "#tabs" ).tabs({ cache:true });
saYears = $.grep(saYears, function(v, k){
return $.inArray(v ,saYears) === k;
});
for(var i=0; i < saYears.length;
{
$("div#tabs ul").append(
"<li><a href='dbfunctions/GetEntriesForYear.php?year="+saYears[i]"'>" +
saYears[i] + "</a></li>"
);
if(i === 0)
{
// Deletes the "starter tab"
$('#tabs ul:first li:eq(0) a').remove();
}
$("div#tabs").tabs("refresh");
}
$( "#tabs" ).tabs( "option", "active", saYears.length-1 );
});
</script>
这是一个关于如何从选项卡指向的 GetEntriesForYear.php 文件创建表的划痕。领先的 div error$year 用于测试目的:
echo "<div id='error$year'></div>";
echo "<div id='hitlist-$year' class='ui-widget'>";
echo "<table id='table$year' class='tablesorter' class='ui-widget'>";
echo "<thead>";
echo "<tr align='left'>";
echo "<th>Document date</th>";
echo "<th>Author</th>";
echo "<th>Keywords</th>";
echo "<tbody overflow:scroll>";
GetEntriesNow($year);
echo "</tbody></table></div>";
填充表格的函数正在做它期望做的事情:
print "<td>" . $entry['date'] . "</td>";
print "<td>" . $entry['document_reporter'] . "</td>";
print "<td>" . $entry['keyword_' + $i] . "</td>";
加上一些数据库的东西。这一切都运作良好,正如预期的那样。
我现在的问题是,何时以及如何调用$('#table2013').tablesorter()
. 我尝试了一些关于 ajaxStop、在选项卡上创建/加载/激活等事件的提示,但不会进行排序。有没有人暗示在哪里使用什么以及在哪里放置?