jQueryデータバインドにバインドする方法は？

Question

<div id="conversations-uCount">0</div> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#conversations-uCount').data('UnreadIDs', '1'); 
}); 
</script> 

UnreadIDが変更されたときにいつでも関数を実行できるようにバインドを設定するにはどうすればよいですか？

おかげ

Answer 1

jQuery 1.4.4+には、イベントtriggered for this, changeDataがあります。

$('#conversations-uCount').bind("changeData", function() { 
    //data changed, do something, for example: 
    alert("Data changed!, new value for UnreadIDs: " + $.data(this, 'UnreadIDs')); 
}); 

You can test it out here：それはあなたがオブジェクト上で扱っているデータのみなら、あなたのハンドラは同じくらい簡単です。

Answer 2

はい時計object.watchが、その標準ではないという関数があり、私はあなたが単純なプラグインでそれを行う可能性が想像何あなたが探しはここObject.watch() for all browsers?

Answer 3

を見つけることができると思う：

その後

$.fn.dataTrigger = function(name, value, callback) { 
    $(this).data(name, value); 
    callback(name, value); 
    return this; 
}; 

：

$('#conversations-uCount').dataTrigger('UnreadIDs', '1', myFunc); 

デモ：http://jsfiddle.net/karim79/q6apA/1/