我有一个小问题。经过我想的一些测试和搜索工作,我问了我的问题。我有<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 回答

森林海
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 添加到基本模板中。
非常感谢祝你有美好的一天
添加回答
举报
0/150
提交
取消