php - 将相关的 post_content 显示到自定义帖子标题切换类

Question

我已经创建了一个自定义帖子类型并将标题作为切换按钮加载到我的首页上。现在我想确保 toggle-div 的内容始终与我单击的按钮相关。我试图通过简单地使用加载帖子内容来实现，但我认为我需要将帖子 ID 作为变量或其他内容获取到循环中。我根本不知道如何进行这项工作。我是 PHP 的绝对初学者，希望有人能给我提示？

相关网址:http://www.mzk.ernst-werbeagentur.de

我的代码:

<?php 
$query = new WP_Query( array( 'post_type' => 'praxen' ) );

if ( $query->have_posts() ) : ?>

<div class="container-fluid wrapper-slider-head">
<div class="container-fluid slider-head fullscreen" id="img-start">
    <img src="http://mzk.ernst-werbeagentur.de/wp-content/uploads/2015/10/background-start.jpg" width='1920' height='1080'>
</div>

<?php while ( $query->have_posts() ) : $query->the_post(); ?>   
    <div class="container-fluid slider-head fullscreen" id="img-<?php echo $countimg; ?>" style="display:none;">
    <?php echo get_the_post_thumbnail( $post_id, 'full', array( 'class' => 'img-' . $countimg ) ); ?>
    </div>
<?php 
$countimg++;
endwhile; wp_reset_postdata(); ?>

</div>

<?php endif; ?>


<?php 
$query = new WP_Query( array( 'post_type' => 'praxen' ) );

if ( $query->have_posts() ) : ?>

<div class="container links-praxen">
<div class="row">

<?php while ( $query->have_posts() ) : $query->the_post(); ?>   
    <div class="col-sm-4"><div <?php post_class( 'jumbotron p' . $countpost ); ?>><div class="hovertogglecont"><div class="hovertogglecontinside">
    <h2><?php the_title(); ?></h2>
    <p><?php echo get_post_meta($post->ID, 'toggletitel', true); ?></p>
    </div></div></div></div>
<?php 
$countpost++; endwhile; wp_reset_postdata(); ?>


<?php endif; ?>


<div class="container-fluid wrapper-praxisinfo" style="display:none;"> <!-- This div should toggle and show the related post-content by clicking on a link from the loop above. -->
<div class="container">
    <div class="close-post-content"><i class="fa fa-times" style="cursor:pointer; color:#fff;"></i></div>
    <div class="post-content">

        <?php 
        $query = new WP_Query( array( 'post_type' => 'praxen' ) );

        if ( $query->have_posts() ) : ?>

            <?php while ( $query->have_posts() ) : $query->the_post(); ?>   
                <?php the_content(); ?>
            <?php 
            endwhile; wp_reset_postdata(); ?>

        <?php endif; ?>

    </div>
</div>
</div>

我想在第三个循环中显示相关帖子。

干杯，非常感谢，大卫

Answer 1

一旦您加载了您的页面内容，您就无法在点击 JavaScript 按钮后使用某些参数重新运行 php。您需要使用 AJAX 调用从一些新的 PHP 文件(例如 post-content.php)中获取帖子内容，并将其作为参数，然后将其放入您的 wrapper-praxisinfo 中。

我建议改为像您现在所做的那样输出所有帖子，并只隐藏您不想使用 JavaScript 看到的帖子。

<div class="container">
    <div class="close-post-content"><i class="fa fa-times" style="cursor:pointer; color:#fff;"></i></div>
    <div class="post-content">

        <?php 
        $query = new WP_Query( array( 'post_type' => 'praxen' ) );

        if ( $query->have_posts() ) : ?>

            <?php while ( $query->have_posts() ) : $query->the_post(); ?>   
                <div class="post-id-<?php the_ID();?>">
                <?php the_content(); ?>
                </div>
            <?php 
            endwhile; wp_reset_postdata(); ?>

        <?php endif; ?>

    </div>
</div>
</div>

这里每个帖子都包裹在一个 div 中，帖子 ID 作为一个类。您只需要隐藏所有帖子，然后在按钮点击时显示 ID 点击的帖子。