javascript - 工具提示中的 onclick 未触发

Question

请看链接：

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 事件。但是，它似乎不起作用，因为我设置的警报“intooltip”没有弹出。

onclick 的代码是：

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

我不知道问题是否在于我在 intooltip 周围有双引号而不是单引号。但是，如果我使用单引号，则会关闭以 title=' 开头的工具提示内容

或者问题可能完全不同。有任何想法吗？

谢谢，安德鲁

Answer 1

您应该在 title 属性中转义双引号，否则您将在 onclick 处理程序中遇到语法错误。

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

Answer 2

就像您说的那样，原因是您在其他双引号中使用了双引号。当您检查萤火虫中的粉红色按钮时，生成的代码显示：

onclick="alert(" 

所以它没有被正确解释。

Answer 3

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

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