Question

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

我尝试将此jQuery tooltip添加到页面，它可以在我的本地测试页面上运行，但我认为这个问题与uniqur ID有关，而且我不确定如何实现bind all功能在那里解释：

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

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

类上的

会将悬停事件绑定到每个元素，并且由于命名约定，它将知道要显示的内容。“

有人可以帮助我了解我在动态页面上完成这项工作需要做些什么吗？

页面为Euroworker's checkout product页面。（您必须在篮子中添加一些项目，单击bnav栏左侧的主页按钮，然后单击小白按钮“kjøp”，然后单击橙色按钮“handlevogn”。）

感谢。

Answer 1

我相信每次添加新项目时都可以调用jQuery(".tooltip-target").ezpz_tooltip();（假设他们将拥有tooltip-target类），但我不确定这是完全正确的。

实现目标的另一种方法是使用像livequery这样的插件。使用该插件，您只需要：

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

Answer 2

我没有足够的信息来解决问题，但这些提示可能对您有所帮助：

指向简单脚本的链接似乎是绝对的： - ＆gt;是www / public打算？
您的页面未针对W3C HTML验证程序进行验证 - 这可能会导致DOM操作出现问题
你的javascript会抛出错误（你是在一起使用原型和jquery吗？小心）
您应该使用Firebug或Opera Dragonfly查看更多详细信息。

尝试使页面尽可能小（删除多余的东西）并让它在那里工作。然后上传（首先到测试目录;））

Answer 3

脚本simpletip.js链接不正确。它正在返回404错误页面。

<script type="text/javascript" src="www/public/javascript/frontend/simpletip.js"></script>

您的页面加载时会抛出几个javascript错误。我从firebug的控制台得到了这个。

syntax error
[Break on this error] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n
simpletip.js (line 4)

container.getElementsByClassName is not a function
[Break on this error] $A(container.getElementsByClassName('productOptionsMenu')).each(
gzip.p...8031024 (line 4441)

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: http://media1.juggledesign.com/portfolio/js/jquery.js :: anonymous :: line 22" data: no]
[Break on this error] (no source for )

$("searchField").addClassName is not a function
[Break on this error] $('searchField').addClassName('quickSearch');
gzip.p...8031024 (line 4928)

我不确定清理它是否可以解决问题，但至少它是一个开始。

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

3 个答案: