javascript - How does Bootstrap know if an element has popover? - Stack Overflow

admin管理员组

文章数量:1348098

I understand when we add popover on an element in html but when we use javascript:

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

there is no change on #element in html code. How can I refer to all elements with popover when there is no sign of it in html code?

I understand when we add popover on an element in html but when we use javascript:

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

there is no change on #element in html code. How can I refer to all elements with popover when there is no sign of it in html code?

• javascript
• html
• twitter-bootstrap
• popover

Share Improve this question Follow edited Mar 5, 2015 at 10:50 Mina asked Mar 5, 2015 at 8:33 MinaMina 52722 gold badges66 silver badges1212 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

The docs suggest that you add [data-toggle="popover"] to your elements with popovers and refer them through that attribute. However, if you don't do that and just manually initialize the popover, the plugin adds bs.popover data for you (through .data(), not .attr(), which is why you can't see them in the elements).

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

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

http://www.bootply./vlpB0I0LcI

As for how to refer to them is bit more plex, as you have to either keep up a list of elements with the popovers like @Tim suggested or just parsing the whole node tree with bs.popover data. Adding the attribute would be much simpler though.

本文标签： javascriptHow does Bootstrap know if an element has popoverStack Overflow