質問: jQueryの「.tooltip()」でツールチップを表示しているのですが、 以下の条件を満たすように実装したいのですが、 お分かりの方がおりましたらご教示頂けないでしょうか? ・要素によって表示するpositionを変えたい ・画面の部分更新をするたび、更新した要素に対してツールチップを表示するため、 javascriptを再読み込みすることを避けたい 画面の部分更新が頻繁にあるため、 更新の都度javascriptの読み込むを防ぐため、 「$(.ue).tooltip()」のようなクラスセレクタ等ではなく $(document)に対して「.tooltip()」を設定しておきたいのですが、 以下のようにしてしまうと要素ごとにpositonを変えることができません。 ■ソース例 □HTML ``` ツールチップを上に表示 ツールチップを下に表示 ``` □java script ``` $(document).tooltip({ position: { my: "xxxx", at: "xxxx" }, }); ```
回答: $(document)に対して「.tooltip()」を設定したとしても、 ページの部分がロードされて更新されたら、イベントは付与し直す必要があると思います。 なので、素直にロード完了時に、$(更新された要素).tooltip()を再度実行するしか無いかと思います。