引导酥料饼不会关闭移动(bootstrap popover wont close in mobile

我简化了我的HTML到我张贴在这里的代码。首先我有一个空的P标签。然后，将包含一个酥料饼的锚的表格标签。然后又是空的P标签。当我在桌面上，之后我点击锚和弹出显示，无论我点击页面上的酥料饼将被关闭。然而，当我在手机（iOS版Safari浏览器），该酥料饼只会接近，如果我点击/点在页的末尾。这意味着，最后一个空的P标签后的面积。我已经研究了很多。林不知道，但也许可能是约监听“挖掘”，而不是“点击”？我真的不明白的是为什么外单击标签体内使得酥料饼消失。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link href="/components/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet">
<script type="text/javascript" src="/components/jquery/dist/jquery.js">     </script>    
<script type="text/javascript" src="/components/bootstrap/dist/js/bootstrap.js"></script>
<script>
$(function () {
$('[data-toggle="popover"]')
.on('click',function(e){
e.preventDefault();
})
.popover();
})
</script>
</head>
<body> 
<p style="background-color:green">&nbsp;</p>
<table border=1 cellspacing=2  cellpadding=2 >
    <tr>
       <td><b>Lowest</b></td>
    </tr>
    <tr>
       <td>
            <a 
                data-html="true"  data-trigger="focus" tabindex="0" role="button" href="#" data-toggle="popover" data-placement="right" 
                data-content="<div>This is HTML</div>">
                    one
            </a>
       </td>
   </tr>
</table>
<p style="background-color:yellow">&nbsp;</p>
</body>
</html>

问题是，iPhone上的onclick对身体元素不起作用。尝试编写一个简单的HTML页面，你有这样的代码：$（函数（）{$（ '身体'）上（ '咔哒touchstart'，函数（E）{警报（ “点击”）;}）;} ）; 好了，关于iPhone不会有任何警报。因此，着眼于这一点，我发现有几个解决办法了这一点。一个解决办法是让你想成为点击（在我的情况下，所有的身体标记，因此在CSE可能要放一些包装envolping人体所有内容）的元素上的CSS-指令。该指令是简单的：光标：指针;

正如你可能不希望所有的元素，以显示指针，你可能会需要检测如果客户端的iOS。