ロールオーバーエリアから複数のポップオーバーをトリガーできる方法はありますか？

Question

私は基本的に、同じJavaScript関数を複数回呼び出して、複数のポップオーバーをトリガーしようとしています。

すべてのヘルプは本当にいただければ幸いです:)

Javascriptを：

$(function(){ 
$('[rel="popover"]').popover({ 
    container: 'body', 
    html: true, 
    content: function() { 
     var clone = $($(this).data('popover-content')).clone(true).removeClass('hide'); 
     return clone; 
    } 
}).click(function(e) { 
    e.preventDefault(); 
}); 

HTML

<a href="#" rel="popover" title="Popover Title" data-placement="top"data-trigger="hover" data-popover-content="#Popover_Content"> 

<div id="Popover_Content" class="hide"> 

Popover Content 

</div> 

<area shape="rect" name="Rollover_Area" coords="378,439,491,462" href="#"> 


</a> 

#Popover{ 

position: relative; 

bottom: 500px; 

left: 500px; } 

Answer 1

CSS私はあなたがこの中には、この機能を求めていると思いますスニペットコードhttps://jsfiddle.net/68k33bqh/1/

function attachPopover(e){ 
$(e).popover({ 
     html:true, 
     content:function(){ 
     var a = $(e).clone(); 
     attachPopover(a[0]); 
     return a; 
}}); 

} 
attachPopover($('[data-toggle="popover"]')[0]); 

$(document).click(function(e){ 
    if($('[data-toggle="popover"]').index(e.target)>-1) attachPopover(e.target); 
});