Bootstrap popover关闭功能在iphone中不工作
问题描述:
有两个按钮“按钮1”用于显示弹出窗口,“按钮2”用于外部链接。增加了一些定制的jQuery的“按钮1” 解雇酥料饼的时候,我们的身体任何地方挖掘,但其不工作在iPhone(其解雇,只有当龙头在iphone相同的按钮)Bootstrap popover关闭功能在iphone中不工作
$(document).ready(function() {
$("body").tooltip({
selector: "a[data-toggle='tooltip']",
container: "body"
})
.popover({
selector: "a[data-toggle='popover']",
container: "body",
html: true
});
});
$('body').on('click', function (e) {
$('a[data-toggle="popover"]').each(function() {
if(!$(this).is(e.target) &&
$(this).has(e.target).length === 0 &&
$('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container" style="width:400px; height:400px; background:#000;padding-top:50px;">
<a data-placement="top" role="button" class="btn btn-danger" data-toggle="popover" data-content="Popover" data-original-title="" title=""> Button1 </a>
<a class="btn btn-danger" href="http://facebook.com" target="_blank">Button2</a> </div>
答
“身体”标签不工作在iPhone上,我已经添加了一个类到身体。现在它的工作:
$(document).ready(function() {
$("body").tooltip({
selector: "a[data-toggle='tooltip']",
container: "body"
})
.popover({
selector: "a[data-toggle='popover']",
container: "body",
html: true
});
});
$('.bodyClass').on('click', function (e) {
$('a[data-toggle="popover"]').each(function() {
if(!$(this).is(e.target) &&
$(this).has(e.target).length === 0 &&
$('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});