Допустим есть jQuery виджет https://jqueryui.com/tabs/
И нужно, чтобы вкладки были только на экранах с шириной менее 600рх. А на больших экранах чтобы виджет не обрабатывал HTML. Т.е. display: none - не подходит.
Написал такой вот код:
if ($(window).width() < 600) {
$("#tabs").tabs();
} else {
$("#tabs").tabs("destroy");
}
}
tabs_behavior();
$(window).resize(function() {
tabs_behavior();
});
https://jsfiddle.net/PlayboyZP/1d6jh45e/
Если ширину окна изменять от малого к большему - код работает. Вкладки только на маленьком экране.
Если ширину окна изменять от болшего к малому - нет :(. Вкладок нет нигде
А как правильно?
Комментарии
Помогли тут.
https://javascript.ru/forum/showthread.php?p=517484