HTML popover 属性不适用于 onclick()

Question

我希望每当我点击 btn 时都会出现一些弹出窗口，但我遇到了问题..！ 单独的弹出框工作正常，但是当我添加 onclick() 方法时，它不起作用。！请有人帮忙。

这不是 Boostrap Popover，而是 html 内置属性。 这不起作用..！

<button id="{{i.previous_details}}_{{i.reqstor_email}}" 
            class="change-btn"  
            
             popovertarget="allocation-data" 
             onclick="swap('{{i.id}}','{{i.previous_details}}','{{i.reqstor_email}}','{{i.reciver_email}}','{{i.status}}') ,suspend(this)">✔️</button>

<div id="allocation-data" popover>
</div>

但这工作正常。！

<button id="{{i.previous_details}}_{{i.reqstor_email}}" 
            class="change-btn"  
            
             popovertarget="allocation-data" >✔️</button>

<div id="allocation-data" popover>
</div>

Answer 1

使用 JavaScript 打开/关闭 Popover：对于支持 popover 的浏览器，可以通过 JavaScript 控制 popover 属性，如下所示：

显示弹出窗口：element.showPopover(); 隐藏弹出窗口：element.hidePopover();