Twitter bootstrap 引导弹出窗口在所有弹出窗口中显示相同的文本

我有5个不同的弹出窗口和不同的文本，但所有的都显示相同的文本。有什么帮助吗？谢谢

<label class="radio span1">
        <input type="radio" name="optionsRadios" value="option1">Level 1 
            <a href="#" rel="popover" data-toggle="popover" data-placement="top" id="level1">?</a>
            <div id="acuty-level" class="popover">Level 1</div>
    </label>

    $('[rel=popover]').popover({
      html: true,
      content: function () {
       return $('#acuty-level').html();
     }
    });

---

你有重复的身份证问题。Html不能包含多个具有相同id的元素

有多个元素具有id敏锐度级别。只需删除ID或使用唯一ID即可。 您的id选择器总是只获取DOM中第一个id敏感级别的元素，因此您可以看到这种行为

一级

在脚本中，在content函数中使用this上下文来获得popover，它是一个兄弟，您应该修复您的问题

剧本

---

编辑：@PSL有一个更优雅的解决方案

您正在为所有弹出窗口使用id=敏锐度级别。ID在一页中只能使用一次。所有其他实例都将被忽略。为每个弹出窗口指定自己的特定ID，如下所示：

HTML:

---

对所有其他弹出窗口重复此操作

我理解，但我分配了不同的id，但仍然存在相同的问题：@Labanino为什么需要使用id本身来选择它。您可以使用diff-id，但可以使用类来选择它。请参阅我的答案和示例。@Labanio基于您的示例，它应该是，但在您必须添加另一个类似元素时，在选择中添加id是一个维护难题。PSL，您的很好，但请看一下这个，它没有显示html的一部分：@Labanino您的选择器是错误的，因为您的html结构与实际问题中的内容不同。您还需要修复选择器。看这个。顺便说一句，请使用AtTheRatePSL，以便我收到通知：

$('[rel=popover]').popover({
    html: true,
    content: function () {
        return $(this).siblings('.popover').html();
    }
});

<label class="radio span1">
            <input type="radio" name="optionsRadios" value="option1">Level 1 
                <a href="#" rel="popover" data-toggle="popover" data-placement="top" id="level1">?</a>
                <div class="acuty-level1" class="popover">Level 1</div>
        </label>

$('[rel=popover]').popover({
    html: true,
    content: function () {
        return $('#acuty-level1').html();
    }
});