如何在Wordpress的引导模态中获取Post 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

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>

Answer 2

希望下面的代码能帮助你

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