Я играю с мобильным первым, отзывчивым FAQ, который использует гармоничную структуру - показывая информацию в DL справа, если достаточно большой или снизу, если он слишком большой.
http://codepen.io/elliz/pen/xJrts?editors=001
К сожалению, я не могу заставить отложенный таймер работать с изменением размера. Откройте ручку сверху, при этом консоль откроется, и вы увидите, как многократно меняются размеры и партии, где я думал, что приведенный ниже код заставит его срабатывать один раз в секунду:
$(window).resize(function () {
clearTimeout($(this).data('timer'));
$(this).data('timer', setTimeout(MiniFAQ.resize(), 1000));
});
Что я сделал не так?
Любые другие комментарии к письму приветствуются. Приветствия.
Вам нужно будет поместить ваш код setTimeout
в функцию для достижения результатов, которые вы ищете, например:
$(window).resize(function () {
clearTimeout($(this).data('timer'));
$(this).data('timer', setTimeout(function() {MiniFAQ.resize();}, 1000));
});