Question

我正在使用Wordpress循环。然后我有一个模态弹出窗口，其中包含基于帖子的更多信息。

我目前得到的是当你点击“阅读更多”按钮时，它只是加载循环中的第一个项目。我怀疑我需要将ID传递给模态，并且可能会根据帖子的ID运行另一个查询，以加载相应的信息。

有没有人实现过这个目标？

我的代码如下：

FIRST LOOP

<div class="team">
                    <?php
                    $args = array( 'post_type' => 'team_member' );
                    $loop = new WP_Query( $args );
                    while ( $loop->have_posts() ) : $loop->the_post();
                    ?>
                    <div class="team_member">
                    <?php the_post_thumbnail('team_member'); ?>
                    <?php the_title(); ?>
                    <a data-toggle="modal" href="#myModal">
                        <img src="<?php bloginfo( 'template_url' ); ?>/assets/img/content/team_read_more.png" alt="Read More" style="border:none;">
                    </a>
                    </div>
                    <?php endwhile; ?>                  
                </div>

MODAL LOOP

<div class="modal hide fade" id="myModal">
                <div class="modal-header">
                  <button data-dismiss="modal" class="close">×</button>
                  <h3><?php the_title(); ?></h3>
                </div>
                <div class="modal-body">
                    <p><?php the_post_thumbnail('team_member'); ?></p>
                    <p><?php the_content(); ?></p>
                    <p><a href="mailto:<?php echo get_post_meta($post->ID, 'email_address', true);?>">
                        <img src="<?php bloginfo( 'template_url' ); ?>/assets/img/content/e_mail_link.png" alt="E-Mail Me" style="border:none;">
                       </a>
                    </p>
                </div>
              </div>

由于

Answer 1

在你的第一个循环中：

<a data-toggle="modal" href="#myModal">

myModal是对模态的html元素的id的引用：

 <div class="modal hide fade" id="myModal">

因此，如果你想要多个模态，你可以将wordpress post ID添加到每个元素。

使用：

<a data-toggle="modal" href="#myModal-<? the_ID(); ?>">

和

 <div class="modal hide fade" id="myModal-<? the_ID(); ?>">

Wordpress循环传递变量

1 个答案: