因此,我试图将wordpress的所有帖子循环使用\\u摘录。然后,我被困在如何通过单击链接或按钮在模式div上显示\\u content()来获取和传递来自单个帖子的数据上。
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="post">
<h2><?php the_title(); ?></h2>
<p><?php the_time(\'F jS, Y\'); ?> by <?php the_author(); ?></p>
<div class="blog-content">
<?php the_excerpt(); ?>
</div>
</div>
<?php endwhile; else : ?>
<p><?php esc_html_e( \'Sorry, no posts matched your criteria.\' ); ?></p>
这就是我的modal的样子。。
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<!-- the_content() in here-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
不确定这是否可行
<button class="btn btn-primary tag_cnt" onclick="showModal(\'data\')" type="button" value="<?php $post->post_content;?>"></button>
然后使用这样的函数
function showModal(data)
{
$("#myModal .modal-body").html(data)
$("#myModal").modal();
}
但是如何传输多个值,如\\u内容和\\u标题?
SO网友:Drupalizeme
您可以通过不同的方式进行:
Json编码这是我最喜欢的将数据/设置等传递到前端的方式。
PHP
$obj=array(
\'content\' => $post->post_content,
\'title\' => esc_html( get_the_title() )
);
现在按钮输出如下:
HTML
<button class=\'btn btn-primary tag_cnt get_button_more_info\' type=\'button\' value=\'<?=json_encode($obj)?>\'></button>
Javascript
(function($) {
$(\'.get_button_more_info\').on(\'click\',function() {
var obj = $(this).val();
obj = JSON.parse(obj);
$("#myModal .modal-body").html(obj.content)
$("#myModal .modal-title").html(obj.title)
$("#myModal").modal();
});
})( jQuery );