具有延迟的工具提示不起作用即

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>