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 改行後のインデントを無効にする

eclipseのインデント eclipseはオープンソースなのに本格的な開発もできるので重宝してます。 特にフォーマッターなどは急いでコードを書いているときなどは、とてもいい感じです。 インデントを無くす で、あまりに便利すぎるフォーマッターも場合によっては余計なお世話なんだな。 今回は、ちょっと長めの文字列の入力がりましたが、左詰めで書きたいのにばっちりインデント。 これはうざいので、フォーマッターをオフに。 //@formatter:off　　←これね。 で、、、 利かねーし。 ふつうにインデントされるし。 イライラ溜まるし。 とりあえず時間無いから、余計なインデントを手動で消してくことに。（泣） eclipseのインデントの設定 インデントなどの設定項目は複数あるけど、 改行後の自動フォーマット に関しては以下の通り。 [ウィンドウ] > [設定] > [Java（PHPやjavascript）] > [コードスタイル] > [フォーマッター]  でプロファイルを編集。 ※ビルトインのプロファイルは編集できないので、新規でコピーを作成してそれを編集。 編集する項目は タブ[折り返し] > [折り返された行のデフォルト・インデント]を「0」に設定 。 これでOK。
続きを読む

サービスエラー:Spreadsheets（service error:Spreadsheets）の原因

例えば、セルを編集した際に自動的に並べ替えたいとすると、以下のようなscriptになると思います。 /**  * Automatically sorts the 1st column (not the header row) Ascending.  */ function onEdit(event){   var sheet = event.source.getActiveSheet();   var editedCell = sheet.getActiveCell();   var columnToSortBy = １; // column A   var tableRange = "A１:G1000"; // What to sort.   if(editedCell.getColumn() == columnToSortBy){     var range = sheet.getRange(tableRange);     range.sort( { column : columnToSortBy, ascending: true } );   } } onEdit()は、セルを編集した際に実行される。 実行されるscriptは、範囲（A1～G1000）をカラムAを基に昇順で並び替えるというもの。 これで、問題なく動作します。 サービスエラー:Spreadsheetsがでて動かない原因 原因はいろいろあるようだが、私の場合の原因は”行の削除”を行ったことだった。 以下のような場合には、エラーが出るようです。 テーブル内に行が1100行あった場合、 　↓ 行を101行削除する 　↓ 結果、テーブル内に表示されている行が999行になる 　↓ tableRange = "A１:G 1000 " を指定しても、 現在のテーブル内にあるのは999行 ということで『サービスエラー:Spreadsheets』が発生する模様。 なもんで、範囲を現在ある行数以内で修正したところ、エラーは出なくなった。 エラーが出ないケース 試しに、100行しか表示されていないテーブルに新たにスクリプトを作成し tableRange = &qu
続きを読む

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

lang 'ja' が効かない よく見るオプション設定↓ $('.datetimepicker').datetimepicker({ format: 'Y-m-d H:i', lang: 'ja' }); 動くけど日本語にならねーよ 。 どのサイト見ても、これで日本語化するらしいんだが。 日本語化できない どうなってんだよってことで、「datetimepicker lang not working」とか探したけど見つからず、小一時間ほどまごまごして Git(xdan/datetimepicker) を見に行ったら書いてあった。 !!! The latest version of the options 'lang' obsolete. The language setting is now global. !!! Use this: $ . datetimepicker . setLocale ( ' en ' ); で、こうすると当然日本語化した。 $.datetimepicker.setLocale('ja'); バージョンいくつからこうなってるのかはめんどくさくて調べてないけど、 2.3.7 はこうしないと日本語化しなかった。 私みたいに昔の情報に振り回されてしまう人のために書き残しときます。
続きを読む