简单的脚本与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);
});