Bootstrap ツールチップをbuttonタッチ デバイスの要素に統合するのに問題があります。次のコードをデスクトップ レイアウトで使用すると、ボタンの上にカーソルを合わせると、ツールヒントが正しく表示されます。ボタンをクリックすると、ボタン (または href リンク) にリンクされた JavaScript が呼び出されます。ただし、タッチ デバイスでは、ホバー アクションがないため、ボタンをクリックすると最初にツールヒントが呼び出され、もう一度クリックしてアクションを呼び出す必要があります。これを修正するにはどうすればよいですか?
<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>
私が持っていた 1 つのアイデアは、Bootstrap でレスポンシブ クラスを使用することでした: http://twitter.github.com/bootstrap/scaffolding.html#responsive
.visible-desktop私がうまくいくと思うクラスは次のとおりです。.hidden-desktop
これは正しいアプローチですか？その場合、デスクトップ レイアウトにはツールチップを実装し、デスクトップ以外のレイアウトでは無効にするにはどうすればよいですか?