Javascript 在模式中添加wordpress post中的“下一步”和“上一步”按钮

我使用bootstrap框架创建了一个wordpress主题，当用户点击一篇文章而不是进入一个单独的文章页面时，模式会弹出并显示文章的内容

我的问题是，我需要添加一个next/previous按钮，这样当用户点击它时，模式关闭，另一个按钮弹出下一篇文章的内容

这是我的代码：

content.php

<a href="#myModal-<?php the_ID(); ?>" data-toggle="modal" class="clickme readmore text-right">Read more</a>

    <div id="myModal-<?php the_ID(); ?>" class="modal fade"><?php include 'popup-modal.php'; ?>     </div>

<div class="modal-dialog">
<div class="modal-content">

POST CONTENT HERE.......

<div class="nav-links">
<div class="nav-previous">
<a href="#" rel="prev" data-dismiss="modal" data-toggle="modal"></a>
</div>
<div class="nav-next">
<a href="#" rel="next" data-dismiss="modal" data-toggle="modal"></a>
</div>
</div>

</div>
</div>

弹出模式.php

<a href="#myModal-<?php the_ID(); ?>" data-toggle="modal" class="clickme readmore text-right">Read more</a>

    <div id="myModal-<?php the_ID(); ?>" class="modal fade"><?php include 'popup-modal.php'; ?>     </div>

<div class="modal-dialog">
<div class="modal-content">

POST CONTENT HERE.......

<div class="nav-links">
<div class="nav-previous">
<a href="#" rel="prev" data-dismiss="modal" data-toggle="modal"></a>
</div>
<div class="nav-next">
<a href="#" rel="next" data-dismiss="modal" data-toggle="modal"></a>
</div>
</div>

</div>
</div>

在这里发布内容。。。。。。。

---

现在我不确定在导航链接的href上放什么，这样我就可以调用下一篇文章，并在模式中显示它。我希望有人能帮我解决这个问题。

试试这样的办法

 <div class="next-page"><?php next_posts_link( 'Next Page<i class=""></i>' ); ?></div>

这是我的解决方案：

<?php $next_post = get_adjacent_post(false,'',false);?>
<?php $previous_post = get_adjacent_post(false,'',true);?>   



然后，导航输出：

<div class="navigation row">
<div class="col-md-6">
    <?php if($next_post->ID != ''): ?>
        <a href="#myModal-<?php echo $next_post->ID; ?>" data-toggle="modal" >
            <button type="button" class="btn btn-default m-t-30">Previous</button>
        </a>
    <?php endif; ?>
</div>
<div class="col-md-6">
    <?php if($previous_post->ID != ''): ?>
        <a href="#myModal-<?php echo $previous_post->ID;  ?>" data-toggle="modal" >
            <button type="button" class="btn btn-default m-t-30">Next</button>
        </a>
    <?php endif; ?>
</div>



不是这个，我需要它在模式中，这样当用户点击它时，模式关闭，另一个模式弹出下一篇文章的内容。你可以将它添加到模式中。但我通常会使用带有bootstrsps按钮样式的“”标记。然后，您可以在那里输出类似#myMidal-（或geht#u the#u ID（）+1）的内容