Bootstrap弹出窗口不会与类一起工作，但将与编号

一起工作我一直在试图让引导弹窗插件工作在共享相同类的多个元素上。现在它是灰色块级别的“更多信息”按钮。你可以找到链接 here Bootstrap弹出窗口不会与类一起工作，但将与编号

此前，酥料饼的工作时，它是像这样id="pop"奇异ID和下面的JavaScript：

$(document).ready(function() { 
    $('#pop').popover() 
});

然而，当我改变2个按钮，说“更多信息” from id="pop"到class="pop"和ammend JavaScript的相应的酥料饼停止工作的多个按钮：

$(document).ready(function() { 
    $('.pop').popover() 
}); 

<a class="btn btn-block pop" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="top" data-toggle="popover" data-original-title="Popover on right">More Information</a></p>

是它的情况是，酥料饼插件不会在多个具有相同类的元素上工作？如果您查看我提供的链接，则没有控制台错误。

来源

2013-02-11 user1554264

只是测试它你的链接，我就得到一个popover “更多信息”按钮。（Chrome版本24.0.1312.57，OSX Mountain Lion） – 2013-02-11 23:42:51

你可以使用这样的事情：

$('.pop').popover({ 
    html: true, 
    content:mycontent, 
    trigger: 'manual' 
}).click(function(e) { 
    $(this).popover('toggle'); 
    e.stopPropagation(); 
});

just check my jsfiddle

来源

2013-04-22 18:24:45 PersianMan

在javascript中：

$(document).ready(function() { 
    options = { 
    placement: 'top', 
    trigger : 'click' 
    } 
    $('[rel="popover"]').popover(options); 
});

在HTML：

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p> 

<p><a class="btn btn-block pop" rel="popover" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover on right">More Information</a></p>

来源

2013-06-26 19:47:43

Bootstrap弹出窗口不会与类一起工作，但将与编号

回答

相关问题