类别帖子上的自定义wordpress工具提示

时间:2013-12-13 11:51:30

标签: php jquery wordpress tooltip thumbnails

我正在尝试列出Wordpress中的类别帖子,然后在该类别中的每个帖子缩略图上显示工具提示。缩略图显示效果不错,但工具提示仅显示最后一篇文章。我有以下代码,我正在使用Tipped作为工具提示。我做错了什么?

<?php
$args = array(
    'cat' => 11,
  'posts_per_page' => 100,
  'orderby' => 'title',
  'order' => 'ASC'
);
$the_query = new WP_Query( $args );
?> 
<?php if ( $the_query->have_posts() ) :
while ( $the_query->have_posts() ) :$the_query->the_post(); ?>


<span class="col-<?php the_ID(); ?>">
 <a href="<?php the_permalink(); ?>">
 <?php the_post_thumbnail( $size, $attr ); ?>
 </a>
 </span>
<div id="inline-<?php the_ID();?>" class="hidden">
  <?php the_content(); ?>          
</div>
<script type="text/javascript">
  jQuery(document).ready(function() {
    Tipped.create('.col-<?php the_ID(); ?>',
    'inline_content_1-<?php the_ID(); ?>',
    { inline: true, closeButton: true, hideOn: false});
  });
</script>
<?php endwhile;?>

0 个答案:

没有答案