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');​