1

我正在使用http://isotope.metafizzy.co/docs/options.html#onlayout它说：

“类似于回调，onLayout 是一个函数，每次同位素实例运行其布局逻辑时都会触发该函数。”

$('#container').isotope({
   onLayout: function( $elems ) {
    // `this` refers to jQuery object of the container element
    console.log( this.height() );
    // callback provides jQuery object of laid-out item elements
    $elems.css({ background: 'blue' });
    }
});

这意味着当“布局”完成后，我可以运行它：

 $elems.css({ background: 'blue' });

我没有“$elems”，但据我所知，这意味着当“onLayout”完成后，我可以运行我想要的，我想运行这个：

$("#container").width(); 
$("#head").animate({ width: newWidth}, "fast");

但是 "( )" 中的 "$elems" 如何以及是什么？

谢谢

4

1 回答 1

1

您可以将自定义事件绑定到元素上，如下所示：

$('#container').bind('my_event', function ()
{
    alert('my_event has just fired!');
});

然后调用它.trigger()：

$('#container').trigger('my_event');

我认为，使用它，您应该能够很容易地设置您想要的东西。

更新：

而不是调用此代码：

$('#container').isotope({
   onLayout: function( $elems ) {
    // `this` refers to jQuery object of the container element
    console.log( this.height() );
    // callback provides jQuery object of laid-out item elements
    $elems.css({ background: 'blue' });
    }
});

调用这个：

$('#container').isotope({
   onLayout: function( $elems ) {
        // `this` refers to jQuery object of the container element
        console.log( this.height() );
        // callback provides jQuery object of laid-out item elements
        $elems.css({ background: 'blue' });
        $("#container").width(); 
        $("#head").animate({ width: newWidth}, "fast");
    }
});
于 2012-02-11T01:22:23.953 回答