0

我在将引导工具提示集成到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>

我的一个想法是在 Bootstrap 中使用响应式类：http: //twitter.github.com/bootstrap/scaffolding.html#responsive

我认为可以工作的课程是：.visible-desktop和.hidden-desktop

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

4

1 回答 1

0

您可以使用Modernizr.touch来检测启用触摸的客户端 - 并为这些客户端禁用工具提示插件。

于 2012-11-21T09:59:13.250 回答