onclick in tooltip not firing

时间:2013-01-05 15:11:19

标签: javascript onclick tooltip

请参阅链接:

http://www.stilgiyin.com/share.php?sshrsrc=http%3A%2F%2Fimages.boyner.com.tr%2FCmsFiles%2FImages%2FProductImages%2FOriginal%2F654000%2F1_1262674.jpg

如果你点击夹克,你会看到一个警告“在这里”。查看页面源代码,您将看到负责此警报的onclick。

如果将鼠标悬停在夹克上,您将看到工具提示。我在这个工具提示中使用了jquery tiptip插件。该插件要求您将工具提示的内容放在标题属性中。

当用户点击工具提示中的大粉红色按钮时,我正试图触发onclick事件。但是,它似乎没有起作用,因为我设置“inoltip”的警报没有弹出。

onclick的代码是:

onclick="alert('intooltip'); clickstatistictit(this.rel); _gaq.push(['_trackEvent', 'outgoing', 'boyner.com.tr', '']); trackConv('995622692', 'JMHBCOzUgAQQpP7f2gM');"

我不知道问题是我在foroltip周围有双引号而不是单引号。但是,如果我使用单引号,则会关闭工具提示内容,该内容以title ='

开头

或者问题可能完全不同。有什么想法吗?

谢谢, 安德鲁

3 个答案:

答案 0 :(得分:1)

你应该转义title属性中的双引号,否则你会在onclick处理程序中遇到语法错误。

将事件处理代码放在标题中的单独函数中也可能更好。然后,您可以只使用title属性中的函数名称,而不是现在使用的函数列表。

答案 1 :(得分:1)

就像你说的那样,原因是你在其他双引号中使用双引号。当您在firebug中检查粉红色按钮时,生成的代码显示:

onclick="alert(" 

所以它没有被正确解释。

答案 2 :(得分:0)

tiptip jQuery plugin不会为每个带有工具提示的元素创建新的子元素。相反,它使用一般容器并相应地移动它,因此工具提示不是元素的后代。因此,click事件不会冒泡到您的元素onclick处理程序。

请注意,tiptip不适用于此类工具提示。毕竟tiptip最初是用于文本工具提示。