带有延迟的工具提示不适用于 ie

Question

我有一个按钮，我想在用户点击它后显示一个工具提示。我有以下代码：

$(document).ready(function(){
    $('.doc-clipboard-btn').tooltip({ trigger: 'click' });
});

它在 IE 中完美运行，但是当我设置延迟选项时它不再在 IE 中运行

$(document).ready(function(){
        $('.doc-clipboard-btn').tooltip({trigger: 'click' , delay: {show: 500, hide: 100}}); 
    });

任何帮助将不胜感激

Answer 1

在 IE 11.0.51 中尝试了以下操作并且有效。请指定您的库（Bootstrap、jQuery）版本和浏览器版本以正确调试您的问题。

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip({
      trigger: 'click',
      delay: {show: 500, hide: 100}
    });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
  Tooltip on bottom
</button>

带有延迟的工具提示不适用于 ie

tooltip with delay is not working on ie

javascript

jquery

tooltip