BootStrap3 tooltipが表示されない

BootStrap3 tooltip表示


$(function () {
    $('[data-toggle="tooltip"]').tooltip()
});

まあ、これが必要。

これでもまともに動かない場合がある。

jquery ui-tooltip と bootstrap tooltip の競合


これ、tooltipについて書いてる日本語サイトは多いのに、意外だったのが競合のついて書いてる日本語サイトがない。

jquery-uiを使っている場合、tooltipがconflictしてまともに動かない。

なわけで、↓こんな風に回避するみたい。これで動く。

<script type="application/javascript" src="/js/jquery-ui.js"></script>
<script>
/*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/
$.widget.bridge('uibutton', $.ui.button);
$.widget.bridge('uitooltip', $.ui.tooltip);
</script>
<script type="application/javascript" src="/js/bootstrap.js"></script>
詳しくは → stackoverflow

コメント

このブログの人気の投稿

eclipse 改行後のインデントを無効にする

WINDOWS10 AVAST Upgrade utility

Jquery datetimepicker 日本語にならない原因