jquery - ブートストラップポップオーバーは、最初のmouseenterイベントでは機能しません

Question

私は次のようにコードを使用します

<a class="reply"  data-content="this is the mail" 
data-original-title="this is the title" rel="popover">this</a>

そして私は次のようにjqueryイベントをトリガーしました

$(document).on("mouseenter",".reply",function(event){
   $(this).popover({placement:'bottom'});
});

しかし、問題は、ポップオーバーが表示されない最初のホバーイベントにあります

2番目のイベントからポップオーバーが正常に表示されます...この種のアクティビティの理由とそれを修正する方法は何ですか...

score 1 · Accepted Answer

trigger: 'hover'ポップオーバーのオプションにまたはを追加する必要がありtrigger: 'manual'ます。個人的には、JavaScriptを次のように置き換えます。

$(function(){
  $('.reply').popover({
    placement: 'bottom',
    trigger: 'hover'
  })
})

編集します。設定したJavaScriptを使用する必要がある場合は、これを試してください

$(document).on("mouseenter",".reply",function(event){
  $(this).popover({
    placement:'bottom', 
    trigger: 'hover'
  }).popover('show');
});

score 1 · Accepted Answer

次のコードを追加することで答えが機能することがわかりました

$(document).on("mouseenter",".reply",function(event){
  $(this).popover({placement:'bottom'});
  $(this).popover('toggle');
});

score 0 · Accepted Answer

このプロパティを使用してselector、Popoverプラグインを委任する必要があります（ドキュメントを参照）。このように：

$('body').popover({
  placement: 'bottom',
  trigger: 'hover',
  selector: '.reply'
});

_{注：'body'実際には、推奨されるよりも狭いデリゲートです。}

score 0 · Accepted Answer

要素を選択し、ホバーでポップオーバーを呼び出すだけです

$("[rel=popover]").popover({trigger:"hover"});

4 に答える 4