Question

我使用Isotope插件获得以下jQuery代码：

$(document).ready(function() {

    /**
     * Initialise Isotope
     */
    var $grid = $('.grid').isotope({
        "itemSelector": ".grid-item",
        layoutMode: 'masonry',
        "masonry": {
            "columnWidth": 0
        }
    });

    /**
     * Trigger when arrangement completes
     */
    $grid.on( 'arrangeComplete', function( event, filteredItems ) {
        alert("HERE!");
    });

});

虽然同位素网格有效，但警报根本不会触发。我错过了什么？谢谢！

Answer 1

我的代码使用了以下更改：

$('.grid').isotope().on( 'layoutComplete', function( event, filteredItems ) {
    alert("HERE!");
});

我得到了arrangeComplete from here所以我不明白为什么它不起作用，因为我有最新版本的Isotope 2.2.2。 layoutComplete做了这个伎俩，我在一些研究中找到了。

Answer 2

＆＃13;

	$grid.on('arrangeComplete', function() {
		console.log('arrangeComplete')
	}).isotope();

＆＃13;

jQuery同位素`arrangeComplete`监听器不会触发

2 个答案: