Jak mohu udržet aktivní kartu po obnovení stránky s localStorage?

Question 1

  // show the section active
  $('div>a').click(function() {
    console.log($(this).attr('id'))
    $('.main.container>section').removeClass('active')
    $('.main.container>section.' + $(this).attr('id')).addClass('active')
  })

Chci, aby tento kód pracovat s localstorage, takže to ukazuje na aktivní kartu po obnovení stránky. Snažil jsem se ostatní jeden v stackoverflow, ale neměli pracovat pro můj případ. Možná jsem ne zcela pochopit, s localstorage. Plz dejte mi vědět, jestli existuje jiný způsob, jak, aby to fungovalo. Jakýkoliv pomoci chtěl bych být appritiated.

Tady je url trénoval jsem na to. https://jsfiddle.net/fnx5y4h8/

Question 2

Můžete nastavit localStorage položku s názvem "tab" vždy, když vyberete kartu. Pak, když se stránka načte, zkontrolujte, zda že localStorage položka existuje. Pokud ano, vyberte, které tab.

// show the section active
$('div>a').click(function() {
  selectTab($(this).attr('id'));
  localStorage.setItem("tab", $(this).attr('id'))
})

// On load
const loadedTab = localStorage.getItem("tab");
if (loadedTab) {
  selectTab(loadedTab);
}

function selectTab(tabId) {
  $('.main.container>section').removeClass('active')
  $('.main.container>section.' + tabId).addClass('active')
}

Nick · Answer 1 · 2021-11-24T02:15:04

Můžete nastavit localStorage položku s názvem "tab" vždy, když vyberete kartu. Pak, když se stránka načte, zkontrolujte, zda že localStorage položka existuje. Pokud ano, vyberte, které tab.

// show the section active
$('div>a').click(function() {
  selectTab($(this).attr('id'));
  localStorage.setItem("tab", $(this).attr('id'))
})

// On load
const loadedTab = localStorage.getItem("tab");
if (loadedTab) {
  selectTab(loadedTab);
}

function selectTab(tabId) {
  $('.main.container>section').removeClass('active')
  $('.main.container>section.' + tabId).addClass('active')
}

Jak mohu udržet aktivní kartu po obnovení stránky s localStorage?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii