bootstrap工具提示在chrome中不起作用(仅在部署时)?

时间:2015-06-05 16:11:19

标签: jquery twitter-bootstrap browser tooltip

我正在使用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>

感谢任何帮助。感谢。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

如果你可以在JSFiddle中放一个工作示例,我们可以有更多的东西。但是,也许你可以尝试这样的事情:

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

否则,还有一些其他stackoverflow文章提出了您可以尝试的内容。

  

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

希望这会有所帮助。