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

标签 javascript jquery html css tooltip

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

CSS tooltip .

我试图添加这个 jQuery tooltip到页面,它在我的本地测试页面上工作,但我认为问题与 uniqur ids 有关,我不确定如何实现那里解释的绑定(bind)所有功能:

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

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

类会将悬停事件绑定(bind)到每个元素,并且由于命名约定,它会知道要显示哪些内容。”

谁能帮我理解我到底需要做什么才能在动态页面上完成这项工作?

页面是Euroworker's checkout product页。 (您必须将一些元素添加到购物篮,单击导航栏左侧的主页按钮,然后单击白色小按钮“kjøp”,然后单击橙色按钮“handlevogn”。)

谢谢。

最佳答案

我相信你可以在每次添加新元素时调用 jQuery(".tooltip-target").ezpz_tooltip();(假设他们有 tooltip-target 类),但我不确定这是否完全正确。

另一种实现您想要的方法是使用像 livequery 这样的插件.使用该插件,您只需要这样的东西:

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

关于javascript - 动态生成页面上的 jQuery 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2729357/

相关文章:

javascript - 如何在主页上只运行一次脚本?

javascript - 组织大型 javascript 文件

javascript - 在页面之间显示 'Page Loading' 消息

html - 如何防止一个标签干扰另一个标签的居中

javascript - 将变量分配给输入值

html - IE6 是一个痛苦。当我调整浏览器大小时,我的 UL 移动

javascript - 播放列表中每个视频之间的 Videojs VAST 广告

javascript - 脚本在 html 中有效,但在外部无效

javascript - 如何在 javascript 中填充选择元素的选项

javascript - 使用 HTML 和 Javascript 将所有 HTML 链接转换为另一个 URL