#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>