代码之家 › 专栏 › 技术社区 › Kyle

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

tooltip css html jquery javascript

Kyle · 技术社区 · 15 年前

如果我试图将jquery工具提示添加到动态生成的列表中,则要在其中显示工具提示的文本位于表中,因此我的css工具提示不起作用:

我试着加上这个 jQuery tooltip 对于页面,它在我的本地测试页面上工作,但我认为问题与uniqur id有关,我不确定如何实现此处解释的bind all函数:

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

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

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

有人能帮我理解我到底要做什么才能使这个动态页面上的工作吗?

页面是 Euroworker's checkout product 页。(您需要向购物篮中添加一些物品,单击bnav栏左侧的home按钮,然后单击白色小按钮“kj_p”,然后单击橙色按钮“handlevogn”。)

谢谢。

3 回复 | 直到 15 年前

Ju Nogueira 15 年前

我相信你可以打电话 jQuery(".tooltip-target").ezpz_tooltip(); 每次添加新项目时(假设他们将拥有 tooltip-target 但我不确定这是否完全正确。

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

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

Konerak 15 年前

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

指向simpletip脚本的链接似乎是绝对的:->是否有意使用www/public?
您的页面没有通过w3c html验证器进行验证-这可能会给dom操作带来麻烦
javascript抛出错误(您是否同时使用prototype和jquery?当心)
你应该使用萤火虫或歌剧蜻蜓来查看更多细节。

尝试使页面尽可能小(删除多余的内容)并在那里工作。然后上载(首先上载到测试目录;)

digitaldreamer 15 年前

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

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

页面加载时抛出几个javascript错误。我是从萤火虫的控制台上拿到这个的。

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)

我不确定清理这个是否能解决问题,但至少这是一个开始。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前