Button 在数据切换中设置两个元素,modal和popover
我面临一个问题,当鼠标悬停在上面并单击时,获取一个按钮来打开popver模式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
`
当我将数据切换设置为
数据切换=“模态”
或
这两个值model和popover都能完美工作
但是我无法设定
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>