我有一個小問題。經過我想的一些測試和搜索工作,我問了我的問題。我有<form>一個for each loop。對于每個按鈕(它是一個將產品放入籃子的籃子按鈕),我重新加載頁面,但在刷新之前,我希望得到一個小彈出窗口,表明某事已完成。我認為最好的東西應該是Popover。 <form action="[{$oViewConf->getSelfActionLink()}]" method="post" class="form-inline"> <input type="hidden" name="fnc" value="tobasket_alsobought"> <input type="hidden" name="aproducts[[{$nKey}]][am]" value="1"> <input type="hidden" name="aproducts[[{$nKey}]][aid]" value="[{$_product->oxarticles__oxid->value}]"> <input type="hidden" name="aproducts[[{$nKey}]][anid]" value="[{$_product->oxarticles__oxid->value}]"> <button style="margin:3px auto;border:1px solid #080;border-radius:.25rem;background-color:white;" data-toggle="popover" data-trigger="focus" data-content="[{oxmultilang ident="WIDGET_NEWBASKETITEMMSG"}]" data-placement="right" type="submit" class="btn btn-info basket" title="[{oxmultilang ident="DETAILS_ADDTOCART"}]"><i class="simg simg-shopping-cart" style="margin-right:0;display:inline;"></i></button> </form>這是我的表單,我的 JS 看起來像這樣:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script><script> $(document).ready(function() { $('[data-toggle="popover"]').popover("max-width", "80%"); });</script>我得到了 Popover,但僅適用于我的每個循環中的第一個值/按鈕我該如何解決這個問題并讓 Popover 為所有按鈕工作?下面是它的外觀截圖。
foreach循環PHP中的按鈕彈出框
翻閱古今
2022-10-08 15:22:13