jQuery实现鼠标移上去显示具体内容（气泡效果）Bootstrap 弹出框(Popover)插件
王朝235网址导航 2021-10-16 50 ℃
1.首先引入
<script src="${ctxStatic}/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="${ctxStatic}/js/bootstrap.min.js"></script>2.JS
<script>
$(function () {
$("[data-toggle='popover']").popover();
});
</script>3.HTML
<input value="${Items.expectCost }" style="text-align: right" readOnly
data-trigger="hover" title="预期金额" data-container="body"
data-toggle="popover" data-placement="top"
data-content="${Items.cargoAmount }*${Items.unitCost }=${Items.expectCost }"/>4.效果
5.帮助文档，详见Bootstrap 弹出框(Popover)插件
data-trigger="hover"//鼠标移动触发
data-container="body"//向制定元素附件弹出框
data-toggle="popover"//弹弹弹~~~
data-placement="right"//指定弹出方向
data-content="此处是气泡显示的具体内容"
title="此处可输入弹出气泡标题"
data-html="true"换行
免责声明
文章内容由王朝235网址导航整理发布，仅供学习交流使用，不代表本站的观点和立场，具体内容请自行甄别。
