Как Bootstrap знает, имеет ли элемент popover?

Question

Я понимаю, когда мы добавим поповер на элемент в HTML, но когда мы используем JavaScript:

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

нет никаких изменений на #element в HTML коде. Как я могу ссылаться на все элементы с popover, когда в html-коде нет никаких признаков?

Answer 1

Документы предлагают добавить [data-toggle="popover"] к вашим элементам с помощью popovers и передать их через этот атрибут. Однако, если вы этого не сделаете и просто вручную инициализируете popover, плагин добавит вам данные bs.popover (через .data(), а не .attr(), поэтому вы не можете видеть их в элементах).

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

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

http://www.bootply.com/vlpB0I0LcI

А как обратиться к ним немного сложнее, так как приходится либо идти в ногу список элементов с Popovers как предложил @ Тим или просто синтаксического дерева весь узел с bs.popover данные. Однако добавление атрибута было бы намного проще.