Question

我正在创建一个没有页面刷新的表格，使用：

<script>
function example_ajax_request() {
  $('#example-placeholder').html('<p><img src="/images/ajax-loader.gif" border="0" /></p>');
  $('#example-placeholder').load("get_data.php");
}
</script>

<input type="button" onclick="example_ajax_request()" value="Click Me!" />
<div id="example-placeholder"></div>

get_data.php返回正确格式的表，即/

<table>
 <thead>
  <tr>
   <th></th>
  </tr>
 <thead>
 <tbody>
  <tr>
   <th></th>
  </tr>
 </tbody>
</table>

我想使用jquery插件对此表进行排序：http://tablesorter.com/docs/但是遇到了一些困难。

如果我直接将表格数据复制并粘贴到页面上并加载页面，插件就可以正常工作我猜它有我的$（文件）.ready（function（）????

让我的桌子排序的任何帮助都会很棒!!!!

Answer 1

一旦填充了div，你就需要在div上调用tablesorter。

$('#example-placeholder').load("get_data.php");
$('#example-placeholder').tablesorter();

在使用ajax首次将数据加载到表中之后创建可排序表

1 个答案: