调整大小会导致jquery动画循环

我有一个菜单系统，我需要重新计算尺寸调整。它在加载时工作正常，但在调整大小时会多次触发事件。是否有办法解决此问题，使每次启动resize时resize事件不会循环通过事件

---

将单击事件函数移到

调整大小（）函数之外。您还需要将var定义移到该函数之外

工作演示：
我不知道我是否正确理解了您的问题，这是否有助于您

但是，如果不想在调整大小事件之后打开和关闭列表数次，则必须将调整大小与单击列表元素分开

在这方面，这个问题已得到纠正

  function sizing() {
        var currentHeight = $('.level_one li').outerHeight();
        var currentHeightIMG = $('.level_one li img').outerHeight();
        var math = currentHeight - currentHeightIMG;
        $('.level_two li').css({'height': currentHeight - math + 'px' });
        $('.heyo').css({'border-bottom': '1px solid #bababa'});
        $('.level_one').animate({position: 'relative','margin-top': '-' + currentHeightIMG + 'px'
        }, {duration: 300,complete: function () {}});
        $(this).siblings().removeClass("selected");
        $(this).addClass("selected", 10000, "easeOutBounce");
    }
    $(window).on('resize',function(){
    sizing()
    })

以及在文档就绪事件上所有其他代码

$(coument).ready(function(){
  //click elements.......
})

如果这个解决方案不适合您的需要，我很抱歉让您浪费时间

$(coument).ready(function(){
  //click elements.......
})