javascript - 延迟调整计时器的大小 - 响应式 Accordion /常见问题解答右侧或底部

Question

我正在玩移动优先、响应式常见问题解答，它使用类似 Accordion 的结构 - 如果足够大，则在右侧显示信息，如果太大，则在下方显示信息。

http://codepen.io/elliz/pen/xJrts?editors=001

不幸的是，我无法让调整大小的延迟计时器工作。在控制台打开的情况下打开上面的笔，您会看到调整大小的触发次数很多，我认为下面的代码会强制它每秒触发一次:

$(window).resize(function () {
  clearTimeout($(this).data('timer'));
  $(this).data('timer', setTimeout(MiniFAQ.resize(), 1000));
});

我做错了什么？

欢迎对笔发表任何其他评论。干杯。

Answer 1

您需要将您的setTimeout 代码放在一个函数中以获得您正在寻找的结果，如下所示:

$(window).resize(function () {
  clearTimeout($(this).data('timer'));
  $(this).data('timer', setTimeout(function() {MiniFAQ.resize();}, 1000));
});