Как выгрузить JS скрипт при переходе на следующую вкладку в JQuery?

Question

У меня есть сайт с пятью вкладками, использующими jquery-ui. Каждый загружает отдельный скрипт jQuery. Теперь, когда я загрузил вторую вкладку и перешел на третью вкладку, js из второй вкладки все еще остается активным и мешает моим действиям в третьей вкладке.

Может кто-нибудь объяснить мне, почему js из второй вкладки по-прежнему остается активным при переходе на третью вкладку и как мне избежать такого поведения?

Answer 1

После того, как вы загрузили скрипт на страницу, он остается активным до тех пор, пока страница не обновится. Я не знаю о разгрузке, но вы можете отключить действия определенного скрипта в зависимости от того, что это такое. Не могли бы вы опубликовать пример сценария, вызывающего проблемы?

EDIT: Например, если у вас есть сценарий, который зависит от вкладки, в которой вы находитесь, вы можете обусловить действия в сценарии тем, что вкладки имеют определенный индекс. Демо-синтаксис:

// выполнит действие, только если вы находитесь на текущей вкладке

if(tabs_ui_index == 0){
  //do something
}

чтобы получить эту переменную (tabs_ui_index), вы можете сделать что-то вроде этого:

 $('#mytabs').bind('tabsselect', function(event, ui) {
     tabs_ui_index = ui.index;
 });

Этот код привязывает событие tabsselect к элементу с вкладками и устанавливает переменную на текущую проиндексированную вкладку каждый раз, когда пользователь меняет вкладку.

Кроме того, вы можете отменить привязку событий, если вы загрузили скрипт, который установил событие нажатия для кнопки, которой больше не существует, или которую вы используете для другой цели:

$("#mybutton").unbind("click");

Надеюсь, это поможет. Дайте мне знать, если у вас есть другие вопросы.