jquery - jquery onclick 事件不起作用

Question

该脚本不起作用..错误在哪里？使用 .onload 就可以了

$(document).ready(function() {

var img = new Image();
img.onClick = function() {
$("div").animate({width:this.width, height:this.height});
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
});

感谢您的帮助。

Answer 1

它.onclick不是.onClick，javascript 是区分大小写的。

Answer 2

既然您无论如何都在使用 jQuery，为什么不坚持使用它：

$(function(){  // this is a shortcut for $(document).ready
   var img = $('<img src="http://www.google.com/intl/en_ALL/images/logo.gif>');
   img.on('click', function(){
     $('div').animate(...)
   })
   img.appendTo('body')
})

Answer 3

尝试这个：

var img = new Image();
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

$(img).live("click", function() {
    $("div").animate({
        width: $(this).width(),
        height: $(this).height()
    }, 1000);
}).appendTo('body');​