bootstrap 工具提示在 chrome 中不起作用（仅在部署时）？

Question

我正在使用 bootstrap 的工具提示，它在本地运行时在不同的浏览器（包括 chrome）上运行良好。

当我 运行 它在线时它不会在 chrome 中响应，但在 Safari 中它会响应。 这是我的 jquery 启动代码：

 $('#cdssdemo, #contactemail, #contactphone')
   .tooltip()
   .click(function(e) { 
       e.preventDefault(); 
       $(this).focus(); 
   });

这是工具提示的示例元素：

<li>
    <a href="tel:0000">
        <i class="fa fa-phone" data-toggle="tooltip" title="0000" id="contactphone"></i>
    </a>
</li>

感谢任何帮助。谢谢

Answer 1

如果您可以在 JSFiddle 中放置一个工作示例，我们可以做更多的事情。但是，也许你可以尝试这样的事情：

$( document ).ready(function() {
    $('#cdssdemo, #contactemail, #contactphone')
       .tooltip()
       .click(function(e) { 
           e.preventDefault(); 
           $(this).focus(); 
    });
});

否则，还有一些其他的 Whosebug 文章建议您可以尝试。

Bootstrap tooltip doesn't show style of the tooltip, only data

Bootstrap's javascript works locally but not when deployed to a server

Bootstrap tooltips not working

希望这对您有所帮助。

Answer 2

问题是 chrome 缓存了我的旧 js 文件。当我在隐身模式下尝试时，它工作正常。