Fatal编程技术网
  • javascript/
  • Javascript 动态生成页面上的jQuery工具提示

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

javascript jquery html css

Javascript 动态生成页面上的jQuery工具提示,javascript,jquery,html,css,tooltip,Javascript,Jquery,Html,Css,Tooltip,如果我试图将jQuery工具提示添加到动态生成的列表中，则我要显示工具提示的文本位于表中，因此我的CSS工具提示不起作用： 我尝试将其添加到页面中，它在我的本地测试页面上工作，但我认为问题与uniqur ID有关，我不确定如何实现此处解释的bind all函数： “要将所有目标绑定到其相应的内容，只需一行： 在类上，将悬停事件绑定到每个元素，并且由于命名约定，它将知道要显示哪些内容。” 有人能帮我理解我到底要做什么才能在动态页面上工作吗 这一页是第二页。（您必须向购物篮中添加一些物品，单击bn

如果我试图将jQuery工具提示添加到动态生成的列表中，则我要显示工具提示的文本位于表中，因此我的CSS工具提示不起作用：

我尝试将其添加到页面中，它在我的本地测试页面上工作，但我认为问题与uniqur ID有关，我不确定如何实现此处解释的bind all函数：

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

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

有人能帮我理解我到底要做什么才能在动态页面上工作吗

这一页是第二页。（您必须向购物篮中添加一些物品，单击bnav栏左侧的主页按钮，然后单击白色小按钮“kjøp”，然后单击橙色按钮“handlevogn”。）

谢谢。

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

  • 指向simpletip脚本的链接似乎是绝对的：->www/public是有意的吗
  • 您的页面没有针对W3C HTML验证程序进行验证，这可能会导致DOM操作出现问题
  • 您的javascript抛出错误（您是否同时使用prototype和jquery？请小心）
  • 您应该使用Firebug或Opera Dragonfly查看更多详细信息
尝试使页面尽可能小（删除多余的内容），并使其在那里工作。然后上传（先上传到测试目录；）

脚本
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（“.tooltip target”）.ezpzu tooltip（）
每次添加新项目时（假设他们将拥有
工具提示目标
类），但我不确定这是否完全正确

实现您想要的另一种方法是使用类似的插件。使用该插件，您只需要以下内容：


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



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