jquery - Jquery ホバーが不安定なようです

Question

マウスが div に入るたびに div の横に Twitter ブートストラップ スタイルのポップオーバーを表示し、マウスが div を出るたびに消えるようにしたいと考えています。

私のセクションには次のものがあります。

$('#bizhover').hover(
   function() {
     $(this).popover({ html: true, placement: "right" }); 
   },
   function() {
     $(this).popover('hide');
   }
);

以下のように div に配置された「選択された」(jquery プラグイン) スタイルのドロップダウン メニューを使用すると、状況が多少複雑になる可能性があると思います。

作成するコードは次のようなものです。

<div id = 'bizhover', style = 'margin-right:85px;', class = 'pop_html', title = 'Instructions', data-content = "blah blah blah"> CHOSEN DROP DOWN </div>

マウスがドロップダウンの一番上に出ると、ポップオーバーが残ることに気付きました。マウスを下または横に移動すると、意図したとおりにポップオーバーが消えます。

アドバイスをいただければ幸いです。