「jQuery」positionでツールチップの表示位置を変えるサンプル

2020年7月23日

説明
引数my 初期値："center" 型：String
要素自身の基準点を要素内のどの位置にするのかを、"horizontal vertical"(水平位置、垂直位置)の順で指定します。

引数at 初期値："center" 型：String
指定されたターゲット要素上のどの位置に配置するのかを、"horizontal vertical"(水平位置、垂直位置)の順で指定します。

引数collision　型："flip" 初期値：String
配置された要素は、いずれかの方向にウィンドウをオーバーフローした場合、代わりの位置に移動します。

サンプルコード

$(function(){
      $(document).tooltip({
            position:{
                  my:"left+10 top",
                  at:"right top",
                  collision:"flipfit"
            }
      });
});