3

Isotope 提供了两个可以提供回调函数的地方:

container.isotope({
    itemSelector: itemSelector,
    layoutMode: 'fitRows',
    onLayout: function() {alert('onLayout callback')}

}, function() {alert('anon callback')});

我不知道这两者之间的区别是什么 - 在布局完成后,它们似乎都被调用了一次。我浏览了文档,但我能找到的只有

与回调类似,onLayout 是一个函数,每次 Isotope 实例运行完其布局逻辑后都会触发该函数。

4

1 回答 1

5

根据源代码,没有区别。布局完成时可能会调用三个回调函数:一个在最后一个参数中传递给isotope(),一个在onLayout选项中传递,一个在选项complete成员中传递animationOptions

来源的相关部分是:

// [...]    
} else if ( callback || onLayout || animOpts.complete ) {
    // has callback
    var isCallbackTriggered = false,
        // array of possible callbacks to trigger
        callbacks = [ callback, onLayout, animOpts.complete ],
        instance = this;
    triggerCallbackNow = true;
    // trigger callback only once
    callbackFn = function() {
        if ( isCallbackTriggered ) {
            return;
        }
        var hollaback;
        for (var i=0, len = callbacks.length; i < len; i++) {
            hollaback = callbacks[i];
            if ( typeof hollaback === 'function' ) {
                hollaback.call( instance.element, $elems );
            }
        }
        isCallbackTriggered = true;
    };
    // [...]
}  

如您所见,数组是由三个潜在的回调构建的,callbackFn()如果它是一个函数,则依次调用每个回调。

于 2012-02-21T16:49:52.447 回答