再會(huì)。在我的 Laravel 應(yīng)用程序中，我有一個(gè)用于顯示所有產(chǎn)品的 foreach 循環(huán)。我還有一個(gè)快速查看模式，用戶無需加載新頁面即可查看產(chǎn)品。此外，我owlcarousel.js用來展示產(chǎn)品。不幸的是，owl.carousel 會(huì)破壞引導(dǎo)模式，除非模式位于 owl.carousel 之外。但是，由于產(chǎn)品是動(dòng)態(tài)加載到頁面上的，因此我無法訪問包含循環(huán)的 owl carousel div 之外的模式的 ID。該$modal_id變量?jī)H返回循環(huán)中的最后一個(gè) Id。那么請(qǐng)問有什么出路呢？如何從外部單擊訪問循環(huán)內(nèi)的各個(gè) ID代碼如下所示<div class="product owl-carousel">     <?php $modal_id = 0; ?>    @foreach($new_arrivals as $new_arrival)        <div class="pro">                <div class="pro-img">                    <?php $modal_id = $new_arrival->id?>                    <span class="sticker-new">new</span>                    <div class="quick-view-pro">                        <a data-toggle="modal" data-target="#{{$modal_id}}" class="quick-view modal-view"                           href="#{{$modal_id}}" rel="{{$new_arrival->id}}"></a>                    </div>                </div>        </div>    @endforeach</div><!--   Modal is shown below    !--><div class="product-view">    <div class="container">        <div class="modal fade" id="{{$modal_id}}">            <div class="modal-dialog modal-lg modal-dialog-centered">                <div class="modal-content">                    <div class="modal-header">                        <button type="button" class="close" data-dismiss="modal">&times;</button>                    </div>                    <!-- Modal body -->                    <div class="modal-body">                        <div class="row">                        </div>                    </div>                    <!-- Modal footer -->                </div>            </div>        </div>    </div></div>