jQuery如何绑定数据绑定?

时间:2010-12-27 01:02:43

标签: jquery data-binding

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

如何设置绑定,以便UnreadIDs更改时我可以运行一个函数?

由于

3 个答案:

答案 0 :(得分:4)

在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

答案 1 :(得分:1)

我想你可以用一个简单的插件来做到这一点:

$.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/

答案 2 :(得分:0)

是的,有一个名为watch object.watch的功能,但它不是标准功能,我认为您可以在此找到所需内容Object.watch() for all browsers?