我正在寻找一些帮助,在启动模式中打开WordPress帖子。
现在我有一个主页,上面有一个网格,可以拉帖子。
我有它的设置,使每个帖子都在一个方形框中,并链接到打开引导模式窗口。
模式窗口应该从单击的帖子中提取数据。
此时,无论单击哪个帖子,它都只会打开页面上最新的帖子。
我假设我需要让模型窗口知道点击了哪个帖子,这样它就可以提取正确的数据,但我不知所措。
任何帮助都将不胜感激。
这是我当前的代码:
<?php get_template_part(\'templates/page\', \'header\'); ?>
<?php if (!have_posts()) : ?>
<div class="alert">
<?php _e(\'Sorry, no results were found.\', \'roots\'); ?>
</div>
<?php get_search_form(); ?>
<?php endif; ?>
<div class="row">
<?php while (have_posts()) : the_post(); ?>
<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<a href="#myModal" data-toggle="modal">
<div class="span2" style="background: #09F url(<?php echo $src[0]; ?>) center no-repeat !important;">
<?php get_template_part(\'templates/content\', get_post_format()); ?>
</div>
</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<h3 id="myModalLabel">
<?php the_title(); ?>
</h3>
</div>
<div class="modal-body">
<p><?php the_post_thumbnail(); ?></p>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
</div>
<?php endwhile; ?>
SO网友:minemind
这一点已经得到了回答,这是如何做到的:
网格和模式窗口处于循环中。我只是加了一句-<? the_ID(); ?>
将<a href>
调用模式窗口。以及<div id>
对于模态窗口,它以某种方式将post ID传递给窗口,允许它为post拉入正确的信息。
<div class="container" style="margin-top:20px; min-height:500px;" >
<div class="row">
<?php
$labels = new WP_Query(array(
\'post_type\' => \'slider\',
\'posts_per_page\' => 1000
));
while ( $labels->have_posts() ) :
$labels->the_post();
?>
<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
<a href="#myModal-<? the_ID(); ?>" data-toggle="modal" >
<div class="span2" style="background: #09F url(<?php echo $src[0]; ?>) center no-repeat !important;">
<?php the_title();?>
</div>
</a>
<div id="myModal-<? the_ID(); ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<h3 id="myModalLabel">
<?php the_title();?>
</h3>
<p>
<?php the_content();?>
</p>
</div>
<div class="modal-body">
<?php the_post_thumbnail(); ?>
</div>
<div class="modal-footer">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
</div>