我一直在尝试使用许多jQuery插件在WordPress中进行表格排序,但绝对没有运气。谁能给一个对动态内容表进行排序的插件提个建议吗?
我使用以下代码生成表:
$args=array(
\'post_type\' => \'page\',
\'post_status\' => \'publish\',
\'cat\' => 1,
\'posts_per_page\' => 10,
\'caller_get_posts\'=> 1
);
$c = 0;
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) { ?>`
<table id="actArchive" class="tablesorter activity-archives" summary="This is the activities archive table">
<thead>
<tr>
<th>Activity</th>
<th>Episode</th>
<th>Learning Goal</th>
<th>Description</th>
</tr>
</thead>
<?php
while ($my_query->have_posts()) : $my_query->the_post();
$epititle = get_post_meta($post->ID, \'_pbsparents_rept\', true);
$learninggoal = get_post_meta($post->ID, \'_pbsparents_replg\', true);
$description = get_post_meta($post->ID, \'_pbsparents_actshortdesc\', true); ?>
<tbody>
<tr class="<?=($c++%2==1) ? \'odd\' : \'even\' ?>">
<td><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></td>
<td><?php echo $epititle; ?></td>
<td><?php echo $learninggoal; ?></td>
<td><?php echo $description; ?></td>
</tr>
</tbody>
<?php endwhile; ?>
</table>
<?php }
wp_reset_query();
目前我正在尝试使用tablesorter。js来排序,我已经把所有的事情都安排好了,但是当我点击我想要排序的标题时,什么都没有发生。
编辑时:过帐jQuery
$js162(function(){
$js162("table").tablesorter({
headers: {
0: { sorter: "text" },
1: { sorter: "digit" },
2: { sorter: false },
3: { sorter: false }
}
});
});
最合适的回答,由SO网友:SickHippie 整理而成
您可以尝试按ID调用表,而不是一般的“table”。此外,将JS包装在noconflict包装中,如下所示:
(function($) {
$js162(function(){
$js162("#actArchive").tablesorter({
headers: {
0: { sorter: "text" },
1: { sorter: "digit" },
2: { sorter: false },
3: { sorter: false }
}
});
});
})(jQuery);