javascript - 如何在html值更改后运行函数

Question

我正在做一个简单的悬停滚动条项目。当有人通过 prepend(),append(),html() 更改 html 标签中的内容时，我想更改拇指的高度..ETC。我怎样才能做到这一点？我用谷歌搜索并找到了类似的答案

$('.class').html('value').trigger(somefunction())

但这不是答案。因为我不是其他js代码的开发者。我想仅使用我的脚本文件来执行此操作。

这是我的项目:- https://github.com/rameshkithsiri/hoverscroll

Answer 1

这是这样做的方法，您可以使用DOMSubtreeModified事件。但请注意It before using it.

$("body").on('DOMSubtreeModified', ".myCLASS", function() {
   alert($(this).html());
});
setTimeout(function(){ $(".myCLASS").html("my Test") }, 3000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="myCLASS"></div>