javascript - jQuery 事件处理程序不起作用？

Question

var imgadd = $("<img/>",{
        src:"../img/Koala.jpg",
        alt:"Koala",
        id:"koala",
        click:function(){$(this).css("opacity","50%");},
        mouseenter:function(){$(this).css("hight","200px")}
    })
    $("body").append(imgadd);

为什么不起作用？我有点困惑......

Answer 1

代码结构正确，问题是您犯了两个拼写错误。

1. 不透明度采用 0 到 1 之间的值，而不是百分比。
2. height 拼写错误。

下面是有效的代码:

var imgadd = $("<img/>",{
    src:"http://idordt.nl/wp-content/uploads/2014/06/wk-koala.jpg",
    alt:"Koala",
    id:"koala",
    click:function(){$(this).css("opacity","0.5");},
    mouseenter:function(){$(this).css("height","200px")}
})
$("body").append(imgadd);

还有一个 jsFiddle:http://jsfiddle.net/jaredcrowe/3fvht8s2/