javascript - 如何动态禁用 DOM 元素的弹出框？

Question

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

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

HTML

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

JS

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

Answer 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