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

説明
引数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"
            }
      });
});

 

jQuery

Posted by arkgame