如何在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>