有没有办法可以在翻滚区域触发多个弹出窗口?

时间:2016-04-27 09:29:46

标签: javascript html css popover

基本上我试图多次调用相同的JavaScript函数来触发多个popover。

任何帮助都会非常感激:)

使用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> 

CSS

#Popover{

position: relative;

bottom: 500px;

left: 500px; }

1 个答案:

答案 0 :(得分:0)

我认为您在此代码段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);
});