学习
实践
活动
专区
工具
TVP
写文章

layui table reload表格刷新重加载后lay-tips提示框不显示问题

一、功能         首先,功能效果如下图所示,当鼠标移动到表头的时候,显示一个悬浮的提示框tips。   二、出现的bug         在别的地方调用table.reload()方法刷新表格数据后,提示框不显示,但是在F12中查看该DOM元素的属性,lay-tips属性还在,大概加估计,猜测是失去了绑定的 三、出现bug的原实现方式         原来是在table所在的页面初始化时,通过table.render()创建表格,同时设置给表格中表头的lay-tips添加绑定mouseenter事件,鼠标移动进入时可弹窗提示框 )方法的同时,执行一次给表头添加mouseenter事件的方法,但是当在别的地方改变了表格里的数据,通过table.reload()方法刷新表格时,没有再给表头绑定mouseenter事件,导致不弹出提示框 、解决办法         首先想到的解决办法是在表格刷新时,再调用一次绑定mouseenter事件的方法,但是这样可能会造成重复绑定,尤其是页面使用了tab控件包括多个table的时候,容易重复添加tips

21320
  • 广告
    关闭

    2023新春采购节

    领8888元新春采购礼包,抢爆款2核2G云服务器95元/年起,个人开发者加享折上折

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    相关产品

    • 消息队列 TDMQ

      消息队列 TDMQ

      消息队列 TDMQ 是基于 Apache 顶级开源项目Pulsar自研的金融级分布式消息中间件,是一款具备跨城高一致、高可靠、高并发的分布式消息队列,拥有原生Java 、 C++、Python、GO 多种API, 支持 HTTP 协议方式接入,可为分布式应用系统提供异步解耦和削峰填谷的能力,同时也具备互联网应用所需的海量消息堆积、高吞吐、可靠重试等特性。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券