>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Разработка http://forum.mozilla-russia.org/viewforum.php?id=18 >Как устранить проблему выпадающего меню в firefox? http://forum.mozilla-russia.org/viewtopic.php?id=69506 |
MrPelepan > 11-03-2016 12:07:53 |
Не меняется выбранный пункт выпадающего меню в 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) } } |