jquery - 自定义 div 属性捕获更改

Question

我有一个带有自定义属性的 div posx

<div class="js__scroll__canvas" posx="0">

另一个 js 插件在滚动时将动态值设置为 posx。

我尝试捕捉 posx 的变化。

$(".js__scroll__canvas").attr( "posx" ).change(function() {
    alert( "Handler for .change() called." );
}); 

没有警报。如何捕获它？请帮忙

Answer 1

您可以尝试设置一个事件并在数据更新时触发它。如果对您有帮助，请检查以下代码段。

//Set up an event
$(".js__scroll__canvas").on('datachange', function(e, key){
     alert( "Handler for .datachange() called." );
});

// Then trigger it when you data gets updated 
$(".js__scroll__canvas").data('posx', 123).trigger('datachange');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="js__scroll__canvas" posx="0">