Javascript 工具提示在Safari/iPad上无法正常工作

Javascript 工具提示在Safari/iPad上无法正常工作,javascript,jquery,tooltip,Javascript,Jquery,Tooltip,我尝试过不同形式的工具提示,它们在Chrome或浏览器、android等平台上都能正常工作 但当谈到iPad、iPhone和safari(有时甚至是chrome)时,我遇到了一个问题:按钮上的工具提示突然需要点击两下才能按下按钮。一次单击将显示工具提示,另一次按下按钮 <button href="#mail-wrapper" class="book-button book-text-button col-std-mail" ng-click="vm.ma

我尝试过不同形式的工具提示,它们在Chrome或浏览器、android等平台上都能正常工作

但当谈到iPad、iPhone和safari(有时甚至是chrome)时,我遇到了一个问题:按钮上的工具提示突然需要点击两下才能按下按钮。一次单击将显示工具提示,另一次按下按钮

<button href="#mail-wrapper" 
        class="book-button book-text-button col-std-mail" 
        ng-click="vm.mailButton=true;" 
        uib-popover="Send Mail to Tenant" 
        popover-trigger="'mouseenter'">
        <md-icon class="material-icons book-material" aria-label="Mail" role="img">mail</md-icon>
        MAIL
</button>

邮件
邮寄

有人对angular、jquery、js的工具提示组件有什么建议吗?它们在safari/iOS上工作?`

我看到了同样的行为,使用bootstrap4和链接上的工具提示

<script>$(function () {$('[data-toggle="tooltip"]').tooltip()})</script>
<a href="mylink" data-toggle="tooltip" data-placement="bottom" title="my tooltip text">my link or icon</a>
我试图改变延迟,以下是我在几部iPhone上的观察结果

  • 无延迟:需要2次抽头
  • “显示”:100
    :需要2次轻敲
  • “显示”:300
    :需要1次点击

我最后把它设为400毫秒,看起来还不错

我看到了同样的行为,在链接上使用bootstrap4和工具提示

<script>$(function () {$('[data-toggle="tooltip"]').tooltip()})</script>
<a href="mylink" data-toggle="tooltip" data-placement="bottom" title="my tooltip text">my link or icon</a>
我试图改变延迟,以下是我在几部iPhone上的观察结果

  • 无延迟:需要2次抽头
  • “显示”:100
    :需要2次轻敲
  • “显示”:300
    :需要1次点击

我最后把它设为400毫秒,看起来还不错

你能修好吗?不-我们最后只使用了HTML标准工具提示你能修好吗?不-我们最后只使用了HTML标准工具提示