javascript - Bootstrap 弹出窗口仅从一个链接打开

Question

我在从不同链接打开弹出窗口时遇到问题。

这是我的 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>

弹出框内容:

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

我有这个问题:我只能从 LINK 1 打开弹出窗口，当我点击 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是不对的