Bootstrap Displaying PopOver Dynamically

Question

I am trying to create a Bootstrap popup dynamically. I am using the following code but it does not show anything.

function showDictionaryPopup(term) {

// create popover div
var popoverDiv = $("<div>");

popoverDiv.attr("data-toggle","popover");
popoverDiv.attr("data-content","This is a test");
popoverDiv.addClass("row");

popoverDiv.popover();

$("body").append(popoverDiv);

}

I do not get any errors or anything..

Answer 1

Looks like you are appending the div to the DOM but never letting the popover be shown. Try calling popoverDiv.popover('show');

You may also want to add some content to the popover. All the available options can be found here: http://getbootstrap.com/javascript/#popovers