4

我想知道是否可以将回调附加到 jQuery 以进行 dom 操作:

  • 附加
  • 前置
  • 添加类
  • 切换类
  • 移除类
  • 文本
  • css
  • 属性
  • html
  • 隐藏
  • ETC

像新事件一样起作用的东西。

例子:

$('#mydiv').bind('hide', function(){
    console.debug('someone call hide function')
});

//then in other js file, other function, anywhere.
$('#mydiv').hide();
//hide and output 'someone call hide function'

我查看了.queuejQuery.Callback,但只有当我为这个函数制作自己的包装器时它才会起作用?

也许是 jQuery 插件?

这可以在不改变我所有的js调用这个插件的情况下完成吗?不是这样的东西:

$('#mydiv').myPluginsHide();

谢谢。

4

2 回答 2

1

我不知道有什么内置功能可以做到这一点,但是您可以通过迭代自己来完成jQuery.fn(即,您将按照 Felix Kling 的建议覆盖这些功能):

var callbacks = {};
var excluded = ['constructor','init','jquery'];
for ( var key in $.fn ) {
    var orig = $.fn[key];
    if ( !orig instanceof Function || excluded.indexOf(key) != -1 )
        continue;
    (function(key,orig) {
        callbacks[key] = []; // This is the list of callbacks for this function
        $.fn[key] = function() {
            var ret = orig.apply(this,arguments); // Applies the function normally
            var elements = this, args = arguments;
            callbacks[key].forEach(function(f) { f(elements, args); }); // Calls each callback
            return ret;
        };
    })(key,orig);
}

然后,您只需向callbacks对象中的相应条目添加/删除回调。

更新:不知道我在这里缺少什么,但无法使示例正常工作。(编辑:啊,忘记将变量包装在闭包中的经典错误......它现在应该可以工作了。还添加了一个excluded列表,用于不得覆盖的函数)。

于 2012-05-25T02:06:57.753 回答
1

您也许可以查看 jQuery.Deferred ...我认为它是这样的...

$(function(){
    $.when($('#one').hide('slow'))
        .then(function () { 
            $('#two').hide('slow') 
        })
        .then(function () { 
            $('#three').hide('slow')
        });
});

http://api.jquery.com/category/deferred-object/

于 2012-05-25T02:08:40.197 回答