нажатие кнопки не выполняет функцию в Firefox - PullRequest
Новая
       142

нажатие кнопки не выполняет функцию в Firefox

0 голосов
/ 09 июля 2020

У меня проблема с переключением меню. Он работает в Chrome и Edge, но не в Firefox. Когда я нажимаю кнопку, она просто не выполняет эту функцию.

Есть идеи, почему это не работает?

Я также проверил это в jsfiddle, и он работает там в FF, но не в моем реальном приложении. 

var toggleButton = document.querySelector(".toggle-button");


toggleButton.addEventListener("click", function() {
    console.log('open'); 
});
<button class="toggle-button">
  button
</button>

редактировать: я обнаружил, что проблема вызвана функцией Cook ie согласия: 

(function () {
    if (!localStorage.getItem("cookieconsent")) {
        document.body.innerHTML +=
            '\
        <div class="cookieconsent" style="position:fixed;padding:20px;left:0;bottom:0;background-color:#000;color:#FFF;text-align:center;width:100%;z-index:99999;">\
            This website uses cookies. Read more\
            <a class="privacy-policy__link" href="/privacy-policy/index.html">here</a>.\
            <a id="consent" href="#" >I agree.</a>\
        </div>\
        ';
        document.querySelector("#consent").onclick = function (e) {
            e.preventDefault();
            document.querySelector(".cookieconsent").style.display = "none";
            localStorage.setItem("cookieconsent", true);
        };
    }
})();

Когда я скрываю эту функцию, меню работает, но я до сих пор не знаю, что не так в этой функции, что она не позволяет событию щелчка работать в Firefox.

edit 2: Теперь я вижу, что эта проблема есть во всех браузерах. Меню не работает, пока я не согласен на использование файлов cookie и обновлю sh браузер.

...