與jQuery的創建工作DOM腳本修改對象

Question

我有一個非常好的功能，即模仿「長按」

(function($) { 
    $.fn.longClick = function(callback, timeout) { 
     var timer; 
     timeout = timeout || 500; 
     $(this).mousedown(function() { 
      timer = setTimeout(function() { callback(); }, timeout); 
      return false; 
     }); 
     $(document).mouseup(function() { 
      clearTimeout(timer); 
      return false; 
     }); 
    }; 

})(jQuery); 

$('#button').longClick(function(){ /* everything I want */ }) 

此代碼工作正常與媒體鏈接存在的項目。
但是，如果我通過jQuery將此按鈕添加到DOM， - 此腳本不起作用。
這種結構也不會longClick工作，但工作與「點擊」正確：

$(document).on('longClick', "#button",function() { 
     /* everything I want */ 
    }); 

我該如何解決呢？

謝謝！

===========
UPD

這裏是另一個代碼，與原來的元素能正常工作，但不與jQuery的添加工作，但它使用的默認方法。

var pressTimer;  
$("#button").mouseup(function(){ 
    clearTimeout(pressTimer) 
    return false; 
}).mousedown(function(){ 
    pressTimer = window.setTimeout(function() { 
     /* function */ 
    },500) 
    return false; 
}); 

Answer 1

好的代碼：

var pressTimer 
$(document).on("mouseup", "#button", function(){ 
     clearTimeout(pressTimer) 
    // Clear timeout 
    return false; 
}) 
$(document).on("mousedown", "#button", function(){ 
     // Set timeout 
    pressTimer = window.setTimeout(function() { 
     /* MY SUPER FUNCTION */ 
    },500) 
    return false; 
} ) 

Answer 2

爲了使不上呈現的物品（如那些最初未加入DOM而是通過的jQuery或其他一些方法，而加的）一些代碼工作，你必須使用的http://api.jquery.com/delegate/（.delegate（））函數jQuery的。因此，而不是這樣做的：

$('#button').on('longClick', "#button",function() { ... 

你需要做的

$(document).delegate('#button', 'longclick', function() {... 

希望它能幫助！

編輯1： 試試這樣說：

$(document).delegate('#button', 'mousedown', function(){ 
    clearTimeout(pressTimer) 
    return false; 
}); 
$(document).delegate('#button', 'mouseup', function(){ 
    pressTimer = window.setTimeout(function() { /* function */ },500); 
    return false; 
});