Bootstrap如何知道一个元素是否有popover

How does Bootstrap know if an element has popover?

本文关键字:元素 一个 是否 popover 何知道 Bootstrap      更新时间:2023-09-26

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

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

html代码中的CCD_ 1没有变化。当html代码中没有popover的标志时,我如何用popover引用所有元素?

文档建议您使用popovers将[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建议的popover来保持元素列表,或者只使用bs.popover数据解析整个节点树。不过,添加属性会简单得多。