Полезная информация

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

№111-03-2016 12:07:53

MrPelepan
Участник
 
Группа: Members
Зарегистрирован: 11-03-2016
Сообщений: 1
UA: Chrome 48.0

Как устранить проблему выпадающего меню в firefox?

Не меняется выбранный пункт выпадающего меню в firefox, в остальных браузерах все нормально выбирает, помогите разобраться с проблемой, второй день не могу понять в чем причина. Консоль ошибок не выдаёт. Вот ссылка на пример - https://jsfiddle.net/MrPelepan/z4bjbnnq/

Выделить код

Код:

<div id="dropdown-menu" class="dropdown-menu">
  <a class="title">Валюта: USD</a>
  <ul>
    <li><a data-language="usd" href="#">USD</a></li>
    <li><a data-language="euro" href="#">EURO</a></li>
    <li><a data-language="shekel" href="#">Шекели</a></li>
  </ul>
</div>

JS

Выделить код

Код:

var languages = {
 usd: 'Валюта: USD',
 euro: 'Валюта: EURO',
 shekel: 'Валюта: Шекели'
};

var DEFAULT_LANGUAGE = 'usd';
var menuElem = document.getElementById('dropdown-menu');
var titleElem = menuElem.querySelector('.title');

function selectOption(optionName) {
 titleElem.dataset.language = optionName
 titleElem.innerText = languages[optionName]
}
selectOption(DEFAULT_LANGUAGE)
titleElem.onclick = function() {
 menuElem.classList.toggle('open');
};
var optionsHolter = menuElem.querySelector('ul')
optionsHolter.onclick = function (event) {
  menuElem.classList.remove('open');
  console.log(event.target.dataset.language)
  if (event.target.dataset && event.target.dataset.language) {
    selectOption(event.target.dataset.language)
  }
}

Отредактировано MrPelepan (11-03-2016 12:10:35)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]