亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

foreach循環PHP中的按鈕彈出框

foreach循環PHP中的按鈕彈出框

翻閱古今 2022-10-08 15:22:13
我有一個小問題。經過我想的一些測試和搜索工作,我問了我的問題。我有<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 為所有按鈕工作?下面是它的外觀截圖。
查看完整描述

2 回答

?
慕婉清6462132

TA貢獻1804條經驗 獲得超2個贊

您需要調整您的 jquery 腳本以將其應用于多個元素。

從這里檢查答案:

Jquery匹配具有相同ID/類的多個元素


查看完整回答
反對 回復 2022-10-08
?
森林海

TA貢獻2011條經驗 獲得超2個贊

我解決了。


馬拉他的回答幫助了我。


我變了 :


<script>

    $(document).ready(function() {

        $('[data-toggle="popover"]').popover("max-width", "80%");

    });

</script>


<script>

    window.onload = function(){ $('[data-toggle="crossSell_popover"]').popover() };

</script>

我還將名稱更改為“crossSell_popover”以避免商店中其他功能出現問題。


和@我使用的底部


[{oxscript add="$('[data-toggle=\"crossSell_popover\"]').popover();"}]

將 js 添加到基本模板中。


非常感謝祝你有美好的一天


查看完整回答
反對 回復 2022-10-08
  • 2 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號