Button 在数据切换中设置两个元素,modal和popover

Button 在数据切换中设置两个元素,modal和popover,button,twitter-bootstrap-3,modal-dialog,popover,Button,Twitter Bootstrap 3,Modal Dialog,Popover,我面临一个问题,当鼠标悬停在上面并单击时,获取一个按钮来打开popver模式 ` 当我将数据切换设置为 数据切换=“模态” 或 这两个值model和popover都能完美工作 但是我无法设定 data toggle=“modal popopover” Bootstrap开发者对此的官方答案是: 不要在同一个元素上使用来自多个插件的数据属性。例如,按钮不能同时具有工具提示和切换模式。要完成此操作,请使用包装元素 例如: <a data-toggle="collapse" data-p

我面临一个问题,当鼠标悬停在上面并单击时,获取一个按钮来打开popver模式


`
当我将数据切换设置为

数据切换=“模态”

这两个值modelpopover都能完美工作

但是我无法设定

data toggle=“modal popopover”

Bootstrap开发者对此的官方答案是:

不要在同一个元素上使用来自多个插件的数据属性。例如,按钮不能同时具有工具提示和切换模式。要完成此操作,请使用包装元素

例如:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
  <span data-toggle="tooltip" title="Tooltip Message">Data<span>
</a>


归功于:

使用jQuery启动您的模式:

$(“#我的btn”)。单击(函数(){
$('#addchangemodel').model('show');
$(“[data toggle=popover]”)。popover('hide');//编辑:添加此行以在单击按钮时隐藏popover。
});
然后使用Bootstrap中的标准popover,包括
data trigger=“hover”
在hover上显示popover



谢谢,还有一个小问题:打开modal时有没有办法关闭popover?在电脑浏览器上它可以工作,但在手机上不能。是的,请参阅编辑,刚刚添加
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
  <span data-toggle="tooltip" title="Tooltip Message">Data<span>
</a>