使用jQuery对动态表内容进行排序

时间:2012-04-04 作者:Justice Is Cheap

我一直在尝试使用许多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 }
    }
 });
});

1 个回复
最合适的回答,由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);

结束

相关推荐

JQuery行中等高冲突只适用于不注册wp_footer();

我正在尝试制作may自己的Wordpress主题。我希望blogpost丢失DIVs块的场景在行中相等。我正在使用CSS技巧中非常酷的JQuery教程来实现它。这是教程http://css-tricks.com/equal-height-blocks-in-rows/我正在函数中排队JQuery/JS。php如下:// Load jQuery if ( !is_admin() ) { wp_deregister_script(\'jquery\'); wp_re