任何基于事件的jQuery编程结构的例子?

时间:2011-10-24 22:29:41

标签: jquery triggers bind event-driven

我已经构建了一个程序,我认为可以从使用jQuery的事件(bind()和trigger())而不是典型的函数调用编程结构中获益。例如,而不是:

//device changed
//(diffs holds key: {old_val: 'old value', new_val: 'new value'} pairs)
DEVICES.update(device, diffs)
DIAGRAM.update(device, diffs)
TABLES.update(DEVICES.$table, device, diffs)

/*
...
*/

//device changed - some other code location
DEVICES.update(device, diffs);
DIAGRAM.update(device, diffs);
TABLES.update(DEVICES.$table, device, diffs);

我可以写:

//DEVICES.update(), DIAGRAM.update, and TABLES.update have all been bound to
//DEVICES.$container's device_changed custom event (in their respective modules)

//device changed
//(diffs holds key: {old_val: 'old value', new_val: 'new value'} pairs)
DEVICES.$container.trigger('device_changed', [device, diffs]);

/*
...
*/

//device changed - some other code location
DEVICES.$container.trigger('device_changed', [device, diffs]);

我正在学习如何有效地使用bind()和trigger(),但主要是在我继续使用它时。有没有关于如何使用jQuery按照这种事件驱动的样式编程/构造代码的好例子?

0 个答案:

没有答案