javascript - 带有 onclick 事件的简单脚本在 Chrome 中运行良好，但在 Firefox 中失败

Question

我尝试使用 jQuery 和 JavaScript 创建用户脚本，但我遇到了一个奇怪的问题。我想在图像中添加一个 onclick 事件。当我使用 Chrome（使用 TamperMonkey）时它运行良好，但如果使用 Firefox（使用 GreaseMonkey），当我单击时没有任何反应。但是，脚本非常基础。假设你之前已经加载了 jQuery 和 colorbox，它是这样的：

ok = "It works."

my_table = "<img onclick='alert(ok);' src='http://i.imgur.com/KrcyfFq.png' />";

$.colorbox({html:my_table,width:'33%',height:'33%'});

大写的“c”不会改变任何东西。我还尝试将 javascript 方法属性添加到标签，但它也不起作用。

我真的不明白为什么它可以在 Chrome 中运行，但在 Firefox 中却不行。有人可以帮我吗？

Answer 1

我会这样做：

ok = "It works."

my_table = "<img class='clickableImg' src='http://i.imgur.com/KrcyfFq.png' />";

$.colorbox({html:my_table,width:'33%',height:'33%'});

$('.clickableImg').on('click', function(){
alert(ok);
});