私はここで気が狂いそうだ。
次の HTML があります:
<a href="#" rel="tooltip" title="A nice tooltip">test</a>
また、Bootstrap スタイルのツールチップは表示されず、通常のツールチップのみが表示されます。
bootstrap.cssは問題なく動作しており、そこにクラスが表示されています
関連する JS ファイルはすべて HTML ファイルの最後にあります。
<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap-alert.js"></script>
<script src="bootstrap/js/bootstrap-modal.js"></script>
<script src="bootstrap/js/bootstrap-transition.js"></script>
<script src="bootstrap/js/bootstrap-tooltip.js"></script>
Bootstrap の例のソースを確認しましたが、ツールチップを開始するものはどこにも見つかりませんでした。それで動作するはずだと推測しますが、何か重要なことを見逃しているのでしょうか?
モーダルやアラート、その他の機能は問題なく動作しているので、私はまったくのバカではありません ;)
ご協力いただきありがとうございます!
ベストアンサー1
まとめ: jQueryセレクターを使用してツールチップをアクティブ化します
<script type="text/javascript">
$(function () {
$("[rel='tooltip']").tooltip();
});
</script>
実際、属性セレクタを使用する必要はなく、rel="tooltip"
タグに属性がなくても任意の要素で呼び出すことができます。