1

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

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

有没有人做到这一点？

我的代码如下：

第一循环

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

模态循环

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

谢谢

4

1 回答 1

1

在您的第一个循环中：

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

myModal 是对 modal 的 html 元素的 id 的引用：

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

因此，如果您想要多个模式，您可以将 wordpress 帖子 ID 添加到每个元素。

采用 ：

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

和

 <div class="modal hide fade" id="myModal-<? the_ID(); ?>">
于 2012-05-10T12:09:57.837 回答