<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>弹出窗测试</title>
<link href="js/library/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<script src="js/library/jquery-2.2.3.min.js"></script>
<script src="js/library/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script>
window.onload = function () {
var otherCityPopover = $("#otherCity_a").popover({ html: true, trigger: 'focus', placement: "bottom", delay: 2000, content: function () { return document.getElementById('otherCity_div').innerHTML; } });
otherCityPopover.on("mouseover", function () {
otherCityPopover.popover('show');
$(".popover").one("mouseleave", function () { otherCityPopover.popover('hide'); });
$(document.body).one("click", function () { otherCityPopover.popover('hide'); });
});
}
</script>
</head>
<body>
<label id="otherCity_a" class="btn btn-default" style="width:59px;">
其他
</label>
<div id="otherCity_div" style="display:none">
<div style="width:200px; display:inline-block;">
内容
</div>
</div>
</body>
</html>
