「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" } }); });