Bootstrap
发布时间：2022-04-18 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 使用媒体查询隐藏Bootstrap在移动设备上的工具提示，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我使用Bootstrap的工具
提示在我的网站上的按钮，但是当在移动设备上查看时，这些工具
提示在第一次点击时被触发，这意味着我必须双击该按钮。我想防止这些
显示在移动设备上，并尝试使用媒体
查询。我的
代码是：
@media only screen
and (min-device-width : 768pX)
and (max-device-width : 1024pX)
{
.tooltip
{
display: none;
}
}
这会停止显示工具提示，但是我仍然需要点击两次才能使按钮发挥作用。有没有办法阻止这些工具提示使用媒体查询？
我取得了不同的成就移动设备和其他设备已启用触摸
功能，因此我检查是否触摸设备。
function isTouchDevice(){
return true == ("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch);
}
现在，检查它是不是触发设备触发工具提示：
if(isTouchDevice()===falsE) {
$("[rel='tooltip']").tooltip();
}
大佬总结
以上是大佬教程为你收集整理的twitter-bootstrap – 使用媒体查询隐藏Bootstrap在移动设备上的工具提示全部内容，希望文章能够帮你解决twitter-bootstrap – 使用媒体查询隐藏Bootstrap在移动设备上的工具提示所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
