Question

从不同的链接打开popover时遇到问题。

这是我的javascript代码：

$("#popover").popover({
    html : true, 
    content: function() {
      var type = $(this).data("type");
      alert(type);
      return $("#content").html();
    },
    title: function() {
      return $("#title").html();
    }
});

在这里我的两个链接是为了打开它们的弹出窗口：

<a href="#" id="popover" data-type="1">Link 1</a>
<a href="#" id="popover" data-type="2">Link 2</a>

popover内容：

<div id="content" class="hidden">
  Contents
</div>
<div id="title" class="hidden">
  Title
</div>

我有这个问题：我只能从LINK 1打开popover，当我点击LINK 2时没有发生任何事情。

Answer 1

$(".popover").popover({
    html : true, 
    content: function() {
      var type = $(this).data("type");
      alert(type);
      return $("#content").html();
    },
    title: function() {
      return $("#title").html();
    }
});


<a href="#" class="popover" data-type="1">Link 1</a>
<a href="#" class="popover" data-type="2">Link 2</a>

在html标签中重复id不正确

bootstrap popover只能从一个链接打开

1 个答案: