的jQuery：追加，前插，HTML事件

Question

我需要赶上$ .append（）方法，像这样

$('div').bind('append', function(){ 
    /* code here */ 
}); 

或

$('div').bind('html', function(){ 
    /* code here */ 
}); 

我怎样才能得到呢？

Answer 1

你在哪里追加东西的所有地方，引发自定义事件：

$('#bar').append('...'); 
$.event.trigger('customappend'); 

...并触发它你在哪里添加代码的所有地方：在

$('#foo').append('...'); 
$.event.trigger('customappend'); 

听吧一个地方：

$(document).on('customappend', function(){ 
    /* code here */ 
}); 

---

解决方案2（使用MutationObserver）：

// select the target node 
var target = document.querySelector('#id'); 

// create an observer instance 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
    console.log('target mutated'); 
    });  
}); 

// configuration of the observer: 
var config = { attributes: true, childList: true, characterData: true }; 

// pass in the target node, as well as the observer options 
observer.observe(target, config); 

// later, you can stop observing 
// observer.disconnect(); 

$(document).click(function(){ 
    $('#id').append('.'); 
}); 

http://jsfiddle.net/VTmk5/1/