如何动态禁用DOM元素的弹出窗口?

时间:2015-11-18 08:26:22

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

我在页面上有几乎相同的多个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);

1 个答案:

答案 0 :(得分:0)

您可以为那些您不想要弹出的元素添加一些课程,例如 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);

你可以在这里查看 - &gt; JsFiddle