在单击jQuery时显示内容(_C)

时间:2015-06-19 作者:tibewww

我试图在单击时显示帖子的\\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();
      }); 
但这行不通。。

任何高尚的人——或者如果我走上了好的道路,那将是惊人的;

非常感谢。

1 个回复
最合适的回答,由SO网友:Mitul 整理而成

请尝试以下javascript,您需要将类添加到标记以了解更多信息

<a class=\'readmode\'>Read More</a>

$(\'.readmode\').click(function() {
     $(this).siblings(\'.pop\').slideToggle();
     return false;
}); 
这是演示http://jsfiddle.net/fvcvyc1e/4/

结束

相关推荐

Help with if/else loop

你能帮我在这个循环中添加一个else语句吗?<?php $post_type = \'post\'; // <-- Post Type $tax = \'temporada\'; // <-- Taxonomía $termino = get_terms($tax); $category = get_the_category(); $cat_name = $category[0]->cat_ID; if ($termino) {