LoginSignup
2
2

More than 5 years have passed since last update.

tooltip, popover等で自動生成したdivのjQueryオブジェクト

Posted at

popoverやらtooltipはdataAPIでオプション指定して$.fn.popoverやらを呼ぶだけで楽なんですが、
肝心の生成したpopoverやらtooltipのdivオブジェクトには当然idはないので参照できず。
$.fn.popoverはjQueryの流儀に倣っているので戻り値はthis(つまりレシーバ)。
しかしメソッドを呼び出すとdata(jQueryのdataストアの方)に変化が。

popover.js
var popover = $('#hoge').popover('show').data('popover');

popoverを呼ぶとdata['popover']が、tooltipを呼ぶとdata['tooltip']が生えてました。
ちなみにdata['popover']の中身は以下みたいな感じ。

data['popover'].js
{
  $element: p.fn.p.init[1]
  $tip: p.fn.p.init[1]
  enabled: true
  options: {
    ...
  }
  type: "popover"
};

$elementは呼び出し元オブジェクトらしく$.fn.popoverメソッドのレシーバ(jQueryオブジェクト)、
$tipは生成したオブジェクトらしくpopoverクラスの付いたdiv(jQueryオブジェクト)。
残りのオブジェクトは名前の通りですね。

さてドキュメントが英語なんで読めずに困りながら感で突き進んでるんですが、
これはドキュメントに書かれてるんですかね。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2