如何隐藏工具提示标题'使用灯箱插件时

时间:2013-01-16 15:31:55

标签: jquery tooltip

我正在使用this lightbox plugin,我想知道如何隐藏工具提示,并将链接到灯箱图片时显示的title属性隐藏起来。

2 个答案:

答案 0 :(得分:0)

使用下面提供的html,使用此...

$("#gallery a").removeAttr("title");

如果这不起作用,那么我们需要查看您的标记,因为它适用于您链接的页面上的示例库。

答案 1 :(得分:0)

如果你想坚持使用这个插件,你必须稍微改变它的代码。

修改jquery.lightbox-0.5.js,更改

// in line 77:
objClicked.getAttribute('title')
// replace by:
objClicked.getAttribute('data-lightboxtitle')

// in line 81:
jQueryMatchedObj[i].getAttribute('title')
// replace by:
jQueryMatchedObj[i].getAttribute('data-lightboxtitle')

然后在您的HTML中,只需将title中的a属性替换为data-lightboxtitle,就像这样(您的代码可能略有不同,具体取决于您使用插件的方式) :

<a href="..." data-lightboxtitle="Here is your title" rel="lightbox"><img src="..." alt="..." /></a>

背景:按照惯例,如果您设置了一个,则浏览器会在鼠标悬停时显示标题属性的工具提示。您的插件通常需要在灯箱中显示文本,因此除了更改插件的行为外,您没有其他机会。

一般建议:您的问题有很多问题。下一次,尝试在您的解释中更具体一些,并提供一些代码或您自己尝试处理该问题;)

相关问题