jquery
  • events
  • onclick
  • 2012-12-08 105 views 0 likes 
    0

    此腳本不起作用..錯誤在哪裏? With .onload it OKjquery onclick事件不起作用

    $(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'; 
    }); 
    

    感謝您的幫助。

    +0

    此無關的Java – kennypu

    +0

    究竟「不工作」 ?你可以說它有效嗎?至少沒有JS錯誤... – migg

    +0

    @migg http://jsfiddle.net/gphp/CHuBx/5/ – Giovanni

    回答

    4

    .onclick不是.onClick,JavaScript區分大小寫。

    +0

    http://jsfiddle.net/gphp/CHuBx/ – Giovanni

    +0

    @Giovanni如果你不添加圖像,你怎麼知道它不工作?該文件? http://jsfiddle.net/mowglisanu/CHuBx/1/ – Musa

    +0

    我沒有在文檔中的圖像,只有網址。 with onload它的工作http://jsfiddle.net/gphp/CHuBx/3/ – Giovanni

    1

    由於您使用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') 
    }) 
    
    0

    試試這個:

    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');​ 
    
    相關問題