div 中的内部 html 更改时触发事件

I have div对于一些信息，填写为.innerHTML单击按钮。目标是我想要.slideDown添加 div 中的文本时的 div。可以用 jQuery 来实现吗？

Example:

<div id="calcInfo"></div>

将文本添加到 div -

document.getElementById("calcInfo").innerHTML = 'someText';

我想在它之后使用这个功能:)

if ($('#calcInfo').text().trim().length > 0) {
   $('#calcInfo').slideDown('slow', function() {});
};

我正在尝试.change()功能，但仅适用于input and textarea元素。非常感谢您的回答！

Ondrej

您可以通过扩展 $.html 函数来做到这一点。像这样：

(function($)
{
    var oldHtml = $.fn.html;
    $.fn.html = function()
    {
        var ret = oldHtml.apply(this, arguments);

        //trigger your event.
        this.trigger("change");

        return ret;
    };
})(jQuery);

附加事件处理程序：

$("#calcInfo").on("change",function(){
     if ($(this).text().trim().length > 0) {
        $(this).slideDown('slow', function() {});
     };
});

当你需要改变你的html时。像这样做：

$("#calcInfo").html('someText');