1

我一直在尝试让 bootstrap popover 插件在共享同一个类的多个元素上工作。现在它是大的灰色块级“更多信息”按钮。你可以在 这里找到链接

以前，当它是像这样的单数 idid="pop"和以下 JavaScript 时，popover 可以工作：

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

但是，当我将 2 个显示“更多信息”的按钮更改from id="pop"为class="pop"并相应地修改 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>

popover插件是否不适用于具有相同类的多个元素？如果您查看我提供的链接，则没有控制台错误。

4

2 回答 2

0

你可以使用这样的东西：

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

只需检查我的 jsfiddle

于 2013-04-22T18:24:45.040 回答
0

在 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-26T19:47:43.150 回答