基于响应式布局的显示引导工具提示

Question

我在将触发工具提示与button元素集成到触摸设备上时遇到了一些问题。使用下面的代码，在桌面布局上，当我将鼠标悬停在按钮上时，它将正确显示工具提示。如果我点击按钮，它会调用链接到按钮的JavaScript（或者href链接）。但是，在触控设备上，由于没有悬停操作，所以当我点击按钮时，会首先调用工具提示，然后我必须再次点击才能调用该操作。我该如何解决？

<button class="btn btn-mini btn-want" data-title="Buy" data-url="/buy/c66860de7d6d10000035" rel="tooltip" data-original-title=""> 
      <i class="icon-plus"></i> 
      </button> 

我有一个想法是使用自举的响应类：我觉得可以工作http://twitter.github.com/bootstrap/scaffolding.html#responsive

的类别是：.visible-desktop和.hidden-desktop

这是正确的做法？如果是这样，我如何为桌面布局实现工具提示，但是为非桌面布局禁用它？

Answer 1

您可以使用​​来检测已启用触摸的客户端，并为这些客户端禁用工具提示插件。