从jQuery 1.5升级到1.10.2并且代码无效

Question

我已经从jQuery 1.5.0和jQuery UI 1.8.9升级到jQuery 1.10.2和jQuery UI 1.10.4，下面代码下面的代码已经停止正常工作了。我更改了“直播”中的点击功能。到＆＃39;在＆＃39;但它仍然无法正常工作。

$('#tf_zoom').on('click', function(){
    if($tf_bg_img.is(':animated'))
        return false;

    var $this = $(this);
    if($this.hasClass('tf_zoom')){
        resize($tf_bg_img);
        $this.addClass('tf_fullscreen')
             .removeClass('tf_zoom');
    }else{
        var dim = getImageDim($tf_bg_img);
        $tf_bg_img.animate({
            width   :  dim.width,
            height  :  dim.height,
            top     :  dim.top,
            left    :  dim.left
        },350);
        $this.addClass('tf_zoom')
             .removeClass('tf_fullscreen');
    }

}

);

Answer 1

.on()

$(document).on('click','#tf_zoom', function(){
  //code here
});

阅读Event Delegation

语法

$( elements ).on( events, selector, data, handler );

最佳用途

$('parentElementPresesntAtDOMready').on('click','#tf_zoom',function(){
   // code here
});