在我的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链接?
答案 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。