CODEWITHSUNDEEP
javascripttwitter-bootstrappopover
Dennis
Dennis

Reputation: 714

Twitter Bootstrap popover display in wrong place

I have button that when I click on it I get "pop up window" (use boostrap modal) with data. I used twitter boostrap tooltip and everything works fine. when I decide replace the tooltip by popover I get some strange problems. first of all I want popover show up when I hover a link but it appear only when I click on the link. secondary the popover appears on the main window and don't disappear no metter what I try. I just want him appear on the boostrap modal like my last tooltip.

this is my link:

<a href="#" class="blob" data-html="true" data-triger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

js:

$('.blob').popover();

how can I fix it? what wrong?

Upvotes: 0

Views: 872

Answers (2)

Simon C
Simon C

Reputation: 9508

You spelled trigger incorrectly, should be:

<a href="#" class="blob" data-html="true" data-trigger="hover" data-original-title="A Title" data-content="bla bla bla">link</a>

With that corrected it works fine in jsfiddle for me.

Upvotes: 1

dcasadevall
dcasadevall

Reputation: 316

Not sure why the data-trigger attribute isn't working, but passing the option using the JS initialization parameter makes it behave as you intend:

$('.blob').popover({trigger: "hover"});

jsfiddle here:

http://jsfiddle.net/dcasadevall/S8sXQ/1/

Upvotes: 0

Related Questions