使用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);
});