jquery - $(window).resize 如何避免多次触发？

问题描述

问 题

$(window).resize(function () {
    win_width = $(window).width()
    win_width > 1205 ? course(1, 20, 10) : course(1, 15, 10)
})

course是一个AJAX添加页面标签的方法，我想做响应式的，但是在调整大小的时候页面宽度小于1205px会不停的调用course，导致AJAX添加的标签闪烁(一下有一下无)。如何让他在改变到临界值时只执行一次啊？

解决方案

1. 加个函数节流（throttle）吧，sf上能搜到很多，就不赘述了；

2. 媒体查询可以试试原生的window.matchMedia

这篇关于jquery - $(window).resize 如何避免多次触发？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！