jquery – html元素内容更改事件

我需要知道内容更改我的div元素的事件,我怎么能用 jquery做？

<div id="mydiv">text before</div>

一段时间后

<div id="mydiv>other content</div>

我这样做

$("#mydiv").change(function() { alert('yes'); });

通过不起作用

(function(){

            var interval;

        jQuery.event.special.contentchange = {
            setup: function(data,namespaces) {
                    var $this = $(this);
                var $originalContent = $this.text();
                interval = setInterval(function(){
                    if($originalContent != $this.text()) {
                            console.log('content changed');
                            $originalContent = $this.text();
                            jQuery.event.special.contentchange.handler();
                    }
                },500);
            },teardown: function(namespaces){
                clearInterval(interval);
            },handler: function(namespaces) {
                jQuery.event.handle.apply(this,arguments)
            }
        };

    })();

$("#mydiv").bind("contentchange",function() {
   alert('yes'); ///no alert! why?
});

但我在控制台看到日志！

解决方法

更改元素的内容后,您可以触发自定义事件：

var $mydiv = $("#mydiv"); 

// set up the custom event handler
$mydiv.bind("contentchange",function() {
    alert("changed");
});

// change the content and trigger a custom event
$mydiv.html("other content").trigger("contentchange");

// and again
$mydiv.html("yet other content").trigger("contentchange");