我正在使用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>
感谢任何帮助。感谢。
答案 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
希望这会有所帮助。