如何在Wordpress中的引导模式中获取帖子ID

Question

请帮我从特定产品中获取ID。当我点击产品时，随后打开的模式的内容也应动态地改变为该产品。到目前为止，我已经有了模态功能，但是我的问题是我无法得到每个产品的确切ID。你有什么想法，我怎样才能得到在WordPress模式内的产品ID？

<a onclick="modal(this);" id="<?php get_the_id();?>" data-toggle="modal" data-target="#myModal"> 
 
Button 
 
</a> 
 

 
<div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-body"> 
 
     <div class="row"> 
 
    <div class="col-sm-6"> 
 
    </div> 
 
    <div class="col-sm-6"> 
 
     </div> 
 
</div> 
 
     </div> 
 
     
 
     </div> 
 
    </div> 
 
    </div>

Answer 1

希望下面的代码将帮助您

<?php 

    $args['post_type']='product'; 
    $products_query = new WP_Query($args); 
    if ($products_query->have_posts()) : while ($products_query->have_posts()) : $products_query->the_post(); 
    ?> 

    <a onclick="modal(this);" id="<?php echo get_the_ID();?>" data-toggle="modal" data-target="#myModal">Button</a> 
    <?php 

    endwhile; endif; 

    ?> 

Answer 2

的id是事件对象的属性，所以你只需做到以下几点：

function modal(e) { 
 
console.log(e.id); 
 
}

<a onclick="modal(this);" id="<?php get_the_id();?>" data-toggle="modal" data-target="#myModal"> 
 
Button 
 
</a> 
 

 
<div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-body"> 
 
     <div class="row"> 
 
    <div class="col-sm-6"> 
 
    </div> 
 
    <div class="col-sm-6"> 
 
     </div> 
 
</div> 
 
     </div> 
 
     
 
     </div> 
 
    </div> 
 
    </div>