Bootstrap popover无法在iPad Safari上运行

Question

我做了一个简单的Bootstrap popover,我调用了popover()函数(使用jQuery).一切似乎都没问题,但是当我在iPad上测试时它无法正常工作.

<a href="#" title="Description" 
data-trigger="focus" 
data-container="body" 
data-toggle="popover" 
data-placement="top" 
data-content="This is a test for iPad">Click here to see description</a>

这是我的Javascript:

$("[data-toggle=popover]").popover();

https://jsfiddle.net/masiht/et26me1d/13/

Answer 1

有时您需要它来使用data-trigger="focus"并且对于那些与平台无关的实例,您应该遵循以下示例:

<a tabindex="0" role="button" class="btn btn-lg btn-danger" 
      data-toggle="popover" data-trigger="focus" title="Dismissible popover"
      data-content="And here's some amazing content. It's very engaging. Right?">
  Dismissible popover
</a>

关键是要确保您使用的<a>标签,也有tabindex="0"和role属性设置.

我花了一段时间才在文档中找到它.希望它可以帮助某人.

Answer 2

我很难找到解决方案,这是固定代码,我希望有一天能为某人工作:

我认为(data-trigger ="focus")是造成问题的部分.它也可以通过删除此属性在iPad上工作.

<a data-container="body" 
data-toggle="popover" 
data-placement="top" 
data-content="This is a test for iPad" data-original-title="" title="Description">This works</a>

https://jsfiddle.net/masiht/et26me1d/15/