wordpress - 如何使用引导程序在 wordpress 插件开发中的模态中加载模态？

Question

我的第二个模式名称“test2”不起作用，因为我让 foreach 循环获取值。我的模态也不起作用。由于这项工作是在 Wordpress 插件开发中进行的，因此我想在单击其中一个插件子菜单时打开一个弹出模式。我可以使用按钮触发模态

<div class="modal fade scroll" id="glo3d-modal" role="dialog">
                    <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
    
                    <h4 class="modal-title" >3D Spicer Models</h4>
                    </div>
                    <div class="modal-body">
                    <div class="row">
                        <?php 
                        $i=0;
                        foreach($response2 as $value){
                            $i++;
                            $id=$value['id'];
    
                            $title= $value['productTitle'];
                        
                            $description=$value['description'];
                            
                            $modellink=$value['modelLink'];
                        
                            $thumbnail_link=$value['thumbnailLink'];        
                    
                            echo "
                            
                            <div class='column'>
                            <div class='card'>
                                <h3>$title $id</h3>
                                <img id='image-thumbnail' src='$thumbnail_link' />
                                <p id='card-description' style='
                                    overflow: hidden;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 1;
                                    -webkit-box-orient: vertical;
                                    '>$description</p>
                                <button id='burger-button-id' data-toggle='modal' data-target='#test2'>
                                Select
                                </button>
                                </div>
                                </div>
                                
                            ";
                        
                    }
                 ?>
                            <div class="column">
                            <div class="card">
                            <h3>Premium Model</h3>
                            <img id="image-thumbnail" src='http://3.ggden.com/pubg/pubg.png' alt="Image Place"/>
                            <p>This is the description for model</p>
                            <button id="premium-button-id" data-toggle="modal" data-target="#test2">Buy</button>
                            </div>
                            
    
                    </div>
                    </div>
                    </div>
                    </div>
                    </div>
    
                    <div id="test2" class="modal fade" role="dialog" style="z-index: 1600">
                    <div class="modal-dialog">
                        <!-- Modal content-->
                        <div class="modal-content">
                        <div class="modal-body">content</div>
                        </div>
                    </div>
                    </div>

标签： wordpressjquery-pluginswordpress-plugin-creation