2

Twitter Bootstrap ボタン内の要素に Twitter Bootstrap ツールチップを適用しようとしています。何らかの理由で、これらのツールチップはトリガーされません (表示されません)。

マークアップ:

<button title="Reset Pricing" type="button"
    class="btn btn-mini myButton"
    data-placement='bottom'>
    <i class="icon-refresh" title="Can't touch this?" data-toggle="tooltip" data-container="body"></i>
</button>

js:

$(function() {
    $('.icon-refresh').tooltip();
});

jsfiddle の例: glyphicon を試す

これは、私がテストしたすべてのブラウザー (Firefox、IE、Windows 7 上の Chrome) に当てはまります。できれば、3 つすべてで動作するようにしたいと考えています。

更新 #1 : コメントによると、jsfiddle 表示フレームの外側に表示されています。ただし、Firefox ではまだ動作しませんが、Chrome と IE は動作します。

更新＃2：受け入れられた回答の背後にいる人によると、問題を引き起こすブートストラップツールチップ（2.3.2）にバグがあります。ただし、ボタンタグの代わりにアンカータグを使用すると、問題は解決します。

4

2 に答える 2