延迟调整定时器 - 响应式手风琴/常见问题解答右侧或底部

Question

我正在使用移动设备第一个响应式常见问题解答，它使用类似手风琴的结构 - 如果足够大或在下面显示太大，则在DL中显示信息。

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