bootstrap控件悬浮框

最新推荐文章于 2023-03-14 12:28:50 发布

原创最新推荐文章于 2023-03-14 12:28:50 发布 · 7.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种利用Bootstrap的Popover插件来展示HTML内容的方法。通过JavaScript动态设置Popover的内容，可以实现在页面元素上悬停时显示丰富的信息，如输入框等。此技术适用于需要在不跳转页面的情况下为用户提供额外信息的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如图：

---------------html---------------

---------------js调用方法---------------
//点击出浮动框的调用
$("#syzdsl").popover({html : true });

-----------------js配置显示内容--------------------
var fdkHTML="想要显示内容的html(例如：<input type='text' placeholder='请填写'' />)"
$("#syzdsl").attr("data-content",fdkHTML);

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////