Bootstrap如何知道元素是否有弹出?

时间:2015-03-05 08:33:45

标签: javascript html twitter-bootstrap popover

我理解当我们在html中的元素上添加popover但是当我们使用javascript:

 $("#element").popover({ // popover details }); 

html代码中的#element没有变化。当html代码中没有任何符号时,如何使用popover引用所有元素?

1 个答案:

答案 0 :(得分:8)

文档建议您使用弹出式窗口向元素添加[data-toggle="popover"],并通过该属性引用它们。但是,如果您不这样做而只是手动初始化popover,则插件会为您添加bs.popover数据(通过.data(),而不是.attr(),这是为什么你不能在元素中看到它们。

$("#popover").popover({
  title: "Wow" 
});

console.log($("#popover").data("bs.popover")); //see the console

http://www.bootply.com/vlpB0I0LcI

至于如何引用它们有点复杂,因为您必须使用@Tim建议的弹出窗口保持元素列表,或者只使用bs.popover数据解析整个节点树。添加属性会更简单。