我试图在单击时显示帖子的\\u内容。
我遇到的问题是,它总是显示相同的内容。
我的意思是,点击阅读A帖,它会显示A帖的内容,也会显示B帖、C帖等的内容。
这是我的原始代码:
<ul class="top-stories"> <?php query_posts(\'showposts=2&post_type=post\'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>" rel="bookmark">
<div class="top-story-image"> <?php the_post_thumbnail(\'small-thumb\'); ?>
</div><!--top-story-image-->
<h2><?php the_title(); ?></h2>
</a>
<a class="go" href="javascript:void(0)">read more</a>
<div class="pop" style="display:none"><?php the_content(); ?></div>
</li>
<?php endwhile; else : ?><p><?php _e( \'Sorry, no posts matched your criteria.\' ); ?></p> <?php endif; ?>
</ul>
和我的jquery:
$(document).ready(function() {
$(\'a.go\').click(function() {
$(\'.pop\').fadeIn(\'500\');
});
为了解决这个问题,我正在尝试分配一个pos ID类并使用一个变量,但不幸的是,我的jquery技能有限。
到目前为止,我尝试了以下方法:
<ul class="top-stories"> <?php query_posts(\'showposts=2&post_type=post\'); ?> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>" rel="bookmark">
<div class="top-story-image"> <?php the_post_thumbnail(\'small-thumb\'); ?>
</div><!--top-story-image-->
<h2><?php the_title(); ?></h2>
</a>
<a id="go_<?php echo($post->ID); ?>" href="javascript:void(0)">read more</a>
<div class="pop_<?php echo($post->ID); ?>" style="display:none"><?php the_content(); ?></div>
</li>
<?php endwhile; else : ?><p><?php _e( \'Sorry, no posts matched your criteria.\' ); ?></p> <?php endif; ?>
</ul>
并在jquery中使用:
$(\'a#go_\' + post_id).html();).click(function() {
var post_id = $(this).attr(\'id\');
if (post_id != \'\') {
var content = $(\'.pop_\' + post_id).html();
$(\'.pop\').html(content).show();
});
但这行不通。。
任何高尚的人——或者如果我走上了好的道路,那将是惊人的;
非常感谢。