6

この 1 時間ほどを費やして、Bootstrap 3 のツールチップを機能させる方法に関するすべての質問を調べました。

通常のスタイルのないツールチップを機能させることができましたが、ブートストラップの外観が本当に必要です。

これについてはすでに多くの議論がなされていることは承知していますが、ツールチップを機能させるための正確な方法についてステップバイステップのガイドがあると非常に役立つと思います。起動して実行するのに問題があります。

参考までに、私はJava Webサーバーで実行しているため、フロントエンドはすべてJSPです。

ありがとう、そして良いものを持ってください。

4

2 に答える 2

10

ここにフィドルがあります：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" id="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>

<button type="button" data-toggle="tooltip" id="left" class="btn btn-default">Tooltip on left</button>

$(function(){
    $('#right').tooltip();
    $("#left").tooltip({
        placement: "left",
        title: "tooltip on left"
    });
});

その他のツールチップ オプションはこちらです。

JavaScript でツールチップ ハンドラーを追加する必要があることに注意してください。

于 2013-09-06T04:20:56.167 に答える
3

私のHTML：

<a href="#" id="mytooltip" class="btn btn-primary" data-toggle="tooltip" title="my tooltip"> tooltip </a>

私のjQuery：

$(document).ready(function(){ 
    $('#mytooltip').tooltip();
});

data-placement="left"次に、次のように属性を追加します。

<a href="#" id="mytooltip" class="btn btn-primary" data-toggle="tooltip" title="my tooltip" data-placement="left"> tooltip </a>
于 2014-03-23T14:51:40.657 に答える