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

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

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

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

我尝试捕获posx是更改。

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

没有警报。怎么抓呢？请帮助

最佳答案

您可以尝试设置事件并在数据更新时触发它。请检查以下代码段是否可以帮助您。

//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">