メソッド Methods
ツールチップ（tooltip.js）におけるメソッド。
メソッド一覧表
| メソッド名 | 説明 |
|---|---|
| show |
ツールチップを表示する。 |
| hide |
ツールチップを非表示にする。 |
| toggle |
ツールチップが非表示の場合は、ツールチップを表示する。 ツールチップが表示されている場合は、ツールチップを非表示にする。 |
| destroy |
ツールチップを非表示にし、破壊する。 |
サンプル
サンプル
ソースコード
HTML
<p> <button type="button" id="sample2tooltip" class="btn btn-default" data-toggle="tooltip" title="ツールチップ">サンプル・ボタン</button> </p> <p> <button type="button" id="sample2tooltipShow" class="btn btn-default">show</button> <button type="button" id="sample2tooltipHide" class="btn btn-default">hide</button> <button type="button" id="sample2tooltipToggle" class="btn btn-default">toggle</button> <button type="button" id="sample2tooltipDestroy" class="btn btn-default">destroy</button> </p>
JavaScript
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('#sample2tooltipShow').click(function () {
$('#sample2tooltip').tooltip('show');
});
$('#sample2tooltipHide').click(function () {
$('#sample2tooltip').tooltip('hide');
});
$('#sample2tooltipToggle').click(function () {
$('#sample2tooltip').tooltip('toggle');
});
$('#sample2tooltipDestroy').click(function () {
$('#sample2tooltip').tooltip('destroy');
});
});
このJavaScriptコードは、jquery.min.jsを読み込んだ後に配置する必要がある。