Trouble creating Popover initialised via Javascript or Data API

[timwaters]

I'm having trouble creating and showing a Popover created via Javascript
I'm able to initialise the Popover but not able to access the public methods.

<div id="popup"></div>

var element = document.getElementById('popup');

var pop = new Popover(element, {
  title: 'title',
  placement: 'top',
  content: 'the content',
  animation: 'slideNfade', 
  delay: 100, 
  dismissible: true
});

//element.Popover.show(); //element.Popover is undefined
pop.show();  //pop.show is not a function

I also tried using the data API using the example from the docs, with no luck.

Here's a codepen showing my progress:

https://codepen.io/anon/pen/VNagOG

[thednp]

var element = document.getElementById('my-button');

[timwaters]

Thanks @thednp

Should anyone else be having trouble in the future, I think that the element must have at least the data-content Data API attribute added to it for this to work, as programmatically adding a Popover to an element without one doesn't appear to be working with the same code.

<div id="popup" data-content="Popover in middle"></div>

https://codepen.io/anon/pen/eoZamY shows it working.

However the 'content' option does not override the data-content of the element.

[thednp]

I'm gonna rework components init so that JS initialization has priority over data-optionNAME values.

[thednp]

The Popover component indeed didn't take any reading of options.title and options.content; I also found some inconsistencies with ScrollSpy, but they all gonna get fixed with the next commit, so stay tuned.

[timwaters]

good stuff and thanks for a good library!

[thednp]

@timwaters
Please download latest master and give it a try, let me now how it goes.