我使用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();
}