При нажатии на вкладку окно замены

#javascript #html #webflow

Вопрос:

я пытаюсь сделать переключатель языков для веб-сайта, и я использую элемент вкладки с 2 вкладками —

Теперь я пытаюсь сделать окно.местоположение.замените URL-адрес при нажатии на одну из вкладок.

Поэтому вкладка 1 должна содержать ссылку на Google.de и вкладка 2 для google.com

Я не совсем знаю, как определить каждую вкладку

это текущий код, который я получил

 <script>
// when DOM ready
$(document).ready(function() {
  // if 'tab' item exists in localStorage
  if(localStorage.getItem('tab')){
    // click the respective tab button
    // e.g. if 'tab' item value == 0
    // click tab[0]
    $('.tab-button')[localStorage.getItem('tab')].click();
  }
});

// on tab click
$('.tab-button').click(function(){
  // get its index
  const index = $('.tab-button').index(this);
  // store the index in localStorage
  localStorage.setItem('tab',index);
});
</script>
 

Комментарии:

1. пожалуйста, добавьте соответствующий html

Ответ №1:

 <script>
// when DOM ready
$(document).ready(function() {
  // if 'tab' item exists in localStorage
  if(localStorage.getItem('tab')){
    // click the respective tab button
    // e.g. if 'tab' item value == 0
    // click tab[0]
    $('.tab-button')[localStorage.getItem('tab')].click();
  }
});

// on tab click
$('.tab-button').click(function(){
  // get its index
  const index = $('.tab-button').index(this);
  // store the index in localStorage
  localStorage.setItem('tab',index);

  if (index == 1) {window.open('google.de', '_self');} 
  else if (index == 2) {window.open('google.com', '_self');}
  else {//open default window}

});
</script>