找回密码
 立即注册

QQ登录

只需一步,快速开始

qsy_2021

中级会员

51

主题

188

帖子

855

积分

中级会员

积分
855
qsy_2021
中级会员   /  发表于:2022-10-11 21:33  /   查看:2916  /  回复:3
不废话,

第一步,引入 image.png351158446.png webui-popover.js,伸手链接<script src="https://cdn.bootcdn.net/ajax/libs/webui-popover/1.2.18/jquery.webui-popover.js"></script>
,第二步,引入<link href="https://cdn.bootcdn.net/ajax/libs/webui-popover/1.2.18/jquery.webui-popover.min.css" rel="stylesheet">,不要问我加在哪里。
第三步,重要的一步, image.png204598082.png ,放入一个按钮,iconfont找一个合适的图标,然后,在页面加载的地方,把以下代码复制进去,#r5c40p_btn这个是你的按钮ID,在哪里找?F12。
  1. $('#r5c40p_btn').webuiPopover({content:'Content',trigger:'hover',animation:'pop'});
复制代码
最后看效果, image.png665578918.png ,鼠标移入显示,移出隐藏。
一些常规设置请移步官方文档。

评分

参与人数 3金币 +666 满意度 +10 收起 理由
13794930121 + 5
Alink + 5
Joe.xu + 666 很给力!

查看全部评分

3 个回复

正序浏览
qsy_2021
中级会员   /  发表于:2022-10-12 12:06:37
来自 3#
本帖最后由 qsy_2021 于 2022-10-12 15:39 编辑
  1. $("[fgcname='qa']").children().webuiPopover({
  2.   content:qatext
  3. });
复制代码

可以命名一下button,以便于灵活使用。
回复 使用道具 举报
lijetcart悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2022-10-15 16:01:20
地板
这种功能如果内置调整下多好
回复 使用道具 举报
爆笑虫子
初级会员   /  发表于:2022-10-12 09:53:00
沙发
不做回复限制,都是白拿
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部