Как оптимизировать скрипт?

Question

[gfr3]

Подскажите, есть Bootstrap табы, при переключении вкладок, запускаю скрипт определения высоты элементов во вкладке

$('[href=#tab]').on('shown.bs.tab', function (e) {
$('.item').matchHeight(); 
});

При постоянном переключении табов, как я понимаю запускается еще один обработчик,что влечет притормаживание в браузере

может есть способ при переключении на другую вкладку отключать функцию?
К примеру

$('[href=#tab]').on('hide.bs.tab', function (e) {
........
});

Comments

[WapSter]

Нет, клиентский js не умеет работать с вкладками. Максимум можно открыть ссылку в новой вкладке.

[Stalker_RED]

Тимур Турсунбаев, он о табах на странице, а не вкладках браузера

gfr3, а просто убрать эту тормозную ненужную функию не вариант?

[Андрей]

выложите в песочницу минимальный пример

Answer 1

[Алексей Уколов]

Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.

https://getbootstrap.com/docs/4.2/components/navs/...

Comments

[gfr3]

можете пжл подсказать как реализовать для моего примера

[Алексей Уколов]

Ваш пример для этого недостаточно конкретен.

[gfr3]

Смотрите, есть табы, в каждой вкладке есть блоки,которые с помощью скрипта $('.item').matchHeight(); определяют высоту блоком, нужно что бы при переключении на новую вкладку удалять этот обработчик определения высоты, так как если часто нажимать по вкладкам,после видны тормоза в браузере

[Алексей Уколов]

$('[href=#tab]').on('shown.bs.tab', function (e) {
  $(e.target).find('.item').matchHeight();
});

[gfr3]

так, не работает(

Answer 2

[coderisimo]

Вам нужно высоту определять? вот набросок


Но matchHeight(); делает ДРУГОЕ ))

Answer 3

[forspamonly2]

я не очень понял чего вы тут хотели, но чтобы "отключать функцию" после первого срабатывания можно .on заменить на .one

api.jquery.com/one