javascript - jquery 链接通用回调函数

Question

我经常遇到这样的情况，我想执行一个 jQuery 函数或初始化一个 jQuery 插件，如 jQuery 数据表，并希望在函数完成后执行代码。 jQuery 函数(例如 hide 或 fadein)或其他转换函数采用可选的回调参数来完成此操作。然而，还有其他 jQuery 函数只返回“this”对象以允许链接。我想知道是否有一种方法可以使用链接或其他方法来执行某种通用函数，该函数在我调用的任何 jQuery 函数完成后进行回调。

类似于:

$("#element").datatable().executeCallback(myCallbackFunction);

Answer 1

你只需要一个插件，它接受一个函数参数，将它应用于与对象匹配的所有内容，并返回对象本身。一个简单的可链接“genericCallback”实现:

function makeRed() {
    $(this).css("border", "1px solid red");
}

$.fn.genericCallback = function(fn) {
    if(!typeof fn === 'function') {
        console.log('Function expected, got a ' + typeof fn);   
    }
    return this.each(function() {
        fn.apply(this);
    });
};

$("div").genericCallback(makeRed);

You can try it here.