twitter-bootstrap – 使用媒体查询隐藏Bootstrap在移动设备上的工具提示

前端之家收集整理的这篇文章主要介绍了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();
}

猜你在找的Bootstrap相关文章