1

jqueryを使ってモーダルボックスに投稿の詳細を表示したい。次のコードを試しました。

モーダルボックスへのリンクを表示する

<?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;
?>

modalbox を表示するためのコード (CSS の値は display:none で、リンクをクリックするとポップアップ表示されます。

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

</div>

Jクエリコード

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

特定の投稿の詳細がポップアップに表示されるように、jquery で投稿 ID を取得するにはどうすればよいですか。jquery で ID と投稿の詳細を取得できない場合はお知らせください。

前もって感謝します。

4

2 に答える 2

1

次のような意味ですか:

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

Jクエリコード

<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>
于 2012-10-15T12:10:53.790 に答える
0

私はワードプレスを使ったことがありませんが、ドキュメントには次のように書かれています：

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;
于 2012-10-15T12:17:00.313 に答える