ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – 动态生成页面上的jQuery工具提示

2019-08-27 13:24:24  阅读:156  来源: 互联网

标签:html javascript jquery css tooltip


他我正在尝试将jQuery工具提示添加到动态生成的列表中,我想要显示工具提示的文本在表中,所以我的CSS工具提示不起作用:

CSS tooltip.

我试图将这个jQuery tooltip添加到页面,它在我的本地测试页面上工作,但我认为这个问题与uniqur id有关,我不知道如何实现在那里解释的bind all函数:

“要将所有目标绑定到相应的内容,只需要一行:

$(".tooltip-target").ezpz_tooltip();
Calling ezpz_tooltip()

在类上会将hover事件绑定到每个元素,并且由于命名约定,它将知道要显示的内容.“

有人可以帮我理解我在动态页面上做什么工作吗?

该页面是Euroworker’s checkout product页面. (您必须在篮子中添加一些项目,单击bnav栏左侧的主页按钮,然后单击小白按钮“kjøp”,然后单击橙色按钮“handlevogn”.)

谢谢.

解决方法:

我相信你可以调用jQuery(“.tooltip-target”).ezpz_tooltip();每次添加一个新项目(假设它们都有工具提示目标类),但我不确定这是完全正确的.

实现你想要的另一种方法是使用像livequery这样的插件.使用这个插件你只需要:

jQuery(".tooltip-target").livequery(function(){
   j(this).ezpz_tooltip();
})

标签:html,javascript,jquery,css,tooltip
来源: https://codeday.me/bug/20190827/1740881.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有