Chrome не показывает и скрывает загрузчик

Question

Я использую следующую функцию, чтобы показать и скрыть div, которые содержат загрузку изображений во время работы браузера.Он отлично работает в Firefox.В Chrome, хотя это не так.Экран остается статичным с кнопкой, которая начинает вызовы функций в состоянии «нажата», даже если мышь не находится над ним.Если я использую инструменты разработчика для установки точек останова, я вижу, что вызывается функция setVisibility (), а div загрузчика отображается и скрывается правильно.

Функция выглядит следующим образом:

    function setVisibility(id, visibility) {
        if(document.getElementById(id)){
            document.getElementById(id).style.display = visibility;
        }
    }

А вот пример вызова показать / скрыть:

    setVisibility("loader", "inline");
    setVisibility("loader", 'none');

Есть идеи?

Answer 1

Надеюсь, это поможет

У меня была такая же проблема, и я действительно не знаю, как это происходит, но это можно исправить с помощью небольшой задержки в коде, как показано ниже.

ЗАМЕНИТЕ СВОЮ ФУНКЦИЮ С ЭТИМ КОДОМ

function setVisibility(id, visibility) {
        if(document.getElementById(id)){
            setTimeout(function(){
               document.getElementById(id).style.display = visibility;
            }, 1);
             // please note i have added a delay of 1 millisecond with js timeout function which runs almost same as code with no delay.

        }
    }

Answer 2

Я не уверен, что вы много знаете о jquery, но я бы включил последнюю версию jquery и использовал бы методы .show () и .hide () ...

http://docs.jquery.com/Show

н / м это лакомый кусочек, вы используете дисплей, имя функции видимости через меня выключено.