jquery - 如何在窗口调整大小时停止功能

Question

我是 Isotope 的新手，为了在缩小浏览器窗口时有一些响应行为，我必须添加以下内容：

$(window).resize(function() {
if($(window).width() < 800)
    // update columnWidth on window resize
    $(window).smartresize(function(){
        $container.isotope({
            // update columnWidth to a percentage of container width
            masonry: { columnWidth: $container.width() / 5 }
        });
    });
});

它工作正常，只是当我调整它的大小时，效果不会停止。有任何想法吗？

Answer 1

您有一个事件处理程序在 上触发window.resize，然后您在其中分配另一个事件处理程序。你只需要内在的，外在的逻辑......

$(function() {
    $(window).smartresize(function() {
        if ($(window).width() < 800) {
            $container.isotope({
                masonry: {
                    columnWidth: $container.width() / 5
                }
            });
        });
    });
});