加入自定义代码
<script>
$(".pop").each(function() {
var $pElem = $(this);
$pElem.popover({
html: true,
trigger: "manual",
title: getPopoverTitle($pElem.attr("id")),
content: getPopoverContent($pElem.attr("id")),
container: 'body',
animation: false
});
}).on("mouseenter",
function() {
var _this = this;
$(this).popover("show");
console.log("mouse entered");
$(".popover").on("mouseleave",
function() {
$(_this).popover('hide');
});
}).on("mouseleave",
function() {
var _this = this;
setTimeout(function() {
if (!$(".popover:hover").length) {
$(_this).popover("hide");
}
},
100);
});
function getPopoverTitle(target) {
return $("#" + target + "_content > h2.popover-title").html();
};
function getPopoverContent(target) {
return $("#" + target + "_content > div.popover-content").html();
};
$('[data-toggle="popover"]').popover(); //因为考虑到性能,默认吧该功能给禁了,使用这句打开
</script>
$(".pop").each(function() {
var $pElem = $(this);
$pElem.popover({
html: true,
trigger: "manual",
title: getPopoverTitle($pElem.attr("id")),
content: getPopoverContent($pElem.attr("id")),
container: 'body',
animation: false
});
}).on("mouseenter",
function() {
var _this = this;
$(this).popover("show");
console.log("mouse entered");
$(".popover").on("mouseleave",
function() {
$(_this).popover('hide');
});
}).on("mouseleave",
function() {
var _this = this;
setTimeout(function() {
if (!$(".popover:hover").length) {
$(_this).popover("hide");
}
},
100);
});
function getPopoverTitle(target) {
return $("#" + target + "_content > h2.popover-title").html();
};
function getPopoverContent(target) {
return $("#" + target + "_content > div.popover-content").html();
};
$('[data-toggle="popover"]').popover(); //因为考虑到性能,默认吧该功能给禁了,使用这句打开
</script>