jquery - 在 Jquery 中为弹出窗口获取 Post ID

Question

我想使用 jquery 在 modalbox 上显示帖子详细信息。我已经尝试了以下代码。

显示模态框的链接

<?php $args = array( 'post_status' => 'publish', 'post_type' => 'post', 'orderby' => 'post_date' );
query_posts( $args );
if (have_posts()) :
    while (have_posts()) : the_post();
        ?>  
    <p><a class="modalbox" id="postlink"  href="#inline">Open Popup</a></p>
        <?php
    endwhile;
    wp_reset_query();
endif;
?>

显示模态框的代码（它的值是在css中显示：无，当我点击链接时，弹出显示。

<div id="inline">
    <h2 id="#heading"></h2>
    <p></p>
    <a href="#">Read More</a>

</div>

jQuery代码

<script type="text/javascript">
    $(document).ready(function() {
        $(".modalbox").fancybox();
    });
</script>

如何在 jquery 中获取帖子 ID，以便在弹出窗口中显示特定的帖子详细信息。如果无法在 jquery 中获取 ID 和发布详细信息，请告诉我。

提前致谢。

Answer 1

do you mean something like:

...
while (have_posts()) : the_post();
        ?>  
    <p><a class="modalbox" rel="<?php echo $post->ID; ?>" href="#inline">Open Popup</a></p>
....

Jquery Code

<script type="text/javascript">
    $(document).ready(function() {
        $(".modalbox").on("click", function() {
           var postId = $(this).prop("rel"); //post id stored in rel attribute
           $(this).fancybox();
           ......
        });
    });
</script>

Answer 2

我从未使用过 wordpress，但文档中说：

if (have_posts()) :
while (have_posts()) : the_post();
?>  
     <p><a class="modalbox" id="<?php the_ID(); ?>"  href="#inline">Open Popup</a></p>
<?php
    endwhile;
    wp_reset_query();
endif;