动态添加帖子ID的帖子

时间:2017-03-16 16:45:49

标签: jquery html wordpress

在我的wordpress网站中,我正在尝试添加帖子post_id。问题是它为我动态添加的所有链接添加相同的帖子ID。

Jquery的:     

  $(function(){
  $('body').on('click', '.post-link', function(){     
  var post_title = $(this).closest('div').find('a').text();

  if( $('#post-container li').length <= 3 )
    $('#post-container').append( '<li id="<?php the_ID();?>"> '+ post_title + ' -- <a href="#" class="remove-title">REMOVE</a></li>' );   
  });

  $('body').on('click', '.remove-title', function(){
     $(this).closest('li').remove();
  });

 });
</script>

HTML:

<?php 
    if( have_posts() ):             
     while( have_posts() ): the_post();                 
       <button  class="post-link" rel="<?php the_ID(); ?>"> ADD </button>
       <a href="<?php echo esc_url( post_permalink() ); ?>"> <?php the_post_thumbnail  ( 'large', array('class' => 'img-responsive' ) ); ?> </a> 
    endwhile;
    endif; 
    wp_reset_query();
 ?>

<div id="post-container">   </div>

使用添加按钮我成功将帖子添加到div id=post-container。但是此代码为我添加到div post-container的所有链接添加了相同的ID。

如何添加相对post_id与jquery链接?

1 个答案:

答案 0 :(得分:1)

改变这个:

 $('#post-container').append( '<li id="<?php the_ID();?>"> '+ post_title + ' -- <a href="#" class="remove-title">REMOVE</a></li>' );

对此:

$('#post-container').append( '<li id="'+post_title.toLowerCase()+'"> '+ post_title + ' -- <a href="#" class="remove-title">REMOVE</a></li>' );

这会将帖子标题设为小写,作为ID

<强>更新

我看到你已经更新了信息。我肯定会从循环中获取ID。