Как передать функцию в активную опцию jquery пользовательские вкладки?

Question

Как передать функцию в jquery активную опцию пользовательского интерфейса вкладок?

Я могу передать функцию в jquery Активировать опцию пользовательского интерфейса:

activate: function(event, ui){
    localStorage.setItem("#" + $(this).context.id + "-current-index", $(this).tabs('option', 'active'));
}

Как получить эти значения с использованием активной опции, код ниже не работает

active: function(event, ui){
    localStorage.getItem("#" + $(this).context.id + "-current-index")
}

Answer 1

Возможно, вы захотите просмотреть .getItem(). Я хотел бы предложить следующее:

function getData(i){
  return localStorage.getItem(i);
}

Тогда вы можете использовать его следующим образом:

active: function(event, ui){
  ui.newPanel.html(getData("#" + $(this).context.id + "-current-index"));
}

Если вам все еще нужна помощь, предоставьте Минимальный воспроизводимый пример .

Обновление

активировать (событие, пользовательский интерфейс) Тип: tabsactivate

Срабатывает после того, как вкладка был активирован (после завершения анимации). Если вкладки были свернуты ранее, ui.oldTab и ui.oldPanel будут пустыми jQuery объектами. Если вкладки сворачиваются, ui.newTab и ui.newPanel будут пустыми jQuery объектами.

См. Подробнее: https://api.jqueryui.com/tabs/#event -активировать

ui.newPanel - это jQuery Объект, который представляет " панель, которая была только что активирована. ", поэтому мы можем использовать .html() для этого объекта.

. html (htmlString)

Описание: установите HTML содержимое каждого элемента в наборе соответствующих элементов.

См. Подробнее: https://api.jquery.com/html/