如何在窗口调整大小时停止一个函数

时间:2013-10-03 15:15:10

标签: jquery jquery-isotope

我是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 }
        });
    });
});

它工作正常,但是当我恢复大小时,效果不会停止。 有什么想法吗?

1 个答案:

答案 0 :(得分:1)

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

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