自定义div属性捕获更改

Question

我有自定义属性posx

的div

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

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

我试图抓住posx正在改变。

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

没有任何警报。怎么抓住它？请帮忙

Answer 1

您可以尝试设置事件并在数据更新时触发它。如果可以帮到您，请查看以下代码段。

＆＃13;

＆＃13;

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

＆＃13;

RPBroadcastSampleHandler

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

$(".js__scroll__canvas").attr( "posx" )返回字符串"0"。因此，它不能用作调用change方法的选择器。

如果要记录，请尝试创建一个功能：

var logging = function () {
    console.log('the attribute has been changed.');
};

var dowork = function () {
    // try to update attribute    
    $(".js__scroll__canvas").attr( "posx", "1" );

    // logging
    logging();
};