在附加到 JQuery 之前檢查 DOM 元素是否自動存在

Question

基本上，我希望每次運行 append 或添加到我放入的元素不存在的 DOM 時運行檢查。 我正在制作復雜的應用程序，有時會制作重復的元素，導致事件無法正確觸發。

我不想每次更改 DOM 時都必須手動運行此檢查，我希望在調用前置或 append 函數時自動運行它。 當調用 function 時，我可以監聽一個事件嗎？

我不會在應用程序發布時使用此檢查，因為我意識到它可能會嚴重影響性能，但在開發過程中它會非常有價值。

Answer 1

只需覆蓋jQuery.fn.append ：

(function() {
    var append = jQuery.fn.append;
    jQuery.fn.append = function() {
        var elemExists = ...;
        if (!elemExists) {
            append.apply(this, arguments);
        }
    };
})();

對jQuery.fn.prepend執行相同的操作。 這很好用，因為您必須為生產進行的唯一更改就是排除此 function。