如何动态禁用 DOM 元素的弹出框？答案

【问题标题】：How can I dynamically disable popover from a DOM element?如何动态禁用 DOM 元素的弹出框？
【发布时间】：2015-11-18 08:26:22
【问题描述】：

我在一个页面上有几乎相同的多个 div。它们里面都有图表我希望它们中的一些在悬停时有弹出窗口。

我想为每个 div 决定弹出框是否可显示。是否有可以包含在选项中的属性，例如 "diplay: false" ？

HTML

<div id="{{graph.id}}" data-ng-repeat="graph in graphs" data-placement="top" data-original-title="Parameters"></div>

var options = {
    html: true,
    placement: 'top',
    trigger : 'hover',
    content: function() {
        return $('#info-chart-' + currentObj.id).html();
    }
}
$(currentObj.id).popover(options);

【问题讨论】：

如何决定哪个div不应该有popover？
@Alex 这就是我要问的
为什么不在你不想显示的地方使用空悬停功能。
@brainmassage 我们如何知道您的哪些 div 应该有弹出框，哪些没有？！你知道不应该有弹出框的 div 的特定 id 吗？如何决定？
您也可以执行类似的操作，如果您不希望它显示，然后在悬停时将 popover 的显示属性更改为无。

标签： javascript jquery html twitter-bootstrap bootstrap-popover

【解决方案1】：

你可以为那些你不想弹出的元素添加一些类，比如 nopop 类。

<div id="{{graph.id}}" class="nopop" data-ng-repeat="graph in graphs" data-placement="top" data-original-title="Parameters"></div>

现在更改 jquery 代码。

$(currentObj.id).not(".nopop").popover(options);

你可以在这里查看 --> JsFiddle

【讨论】：