$(
function
() { $(
"[data-toggle='popover']"
).popover(); });
$(
"[rel=drevil]"
).popover({
trigger:
'manual'
,
left
or
right
font-size:14px;"> Muah ha ha</div>',
add some basic css
html:
'true'
,
/uploads/2008/08/mr-evil.jpg
" width="
251
" height="
201" /></div>',
content of the html box. add the image here
or
anything you want really.
animation: false
}).on(
"mouseenter"
,
function
() {
var
_this = this;
$(this).popover(
"show"
);
$(this).siblings(
".popover"
).on(
"mouseleave"
,
function
() {
$(_this).popover(
'hide'
);
});
}).on(
"mouseleave"
,
function
() {
var
_this = this;
setTimeout(
function
() {
if
(!$(
".popover:hover"
).length) {
$(_this).popover(
"hide"
)
}
}, 300);
});