Блог

Главная - Вопросы по программированию - как исправить замороженную загрузку GIF при отправке для мобильных устройств и исправить загрузку GIF, отображаемую при обратном нажатии

как исправить замороженную загрузку GIF при отправке для мобильных устройств и исправить загрузку GIF, отображаемую при обратном нажатии

#javascript #php #jquery #html

#javascript #php #jquery #HTML

Вопрос:

Я создал веб-страницу с формой, которая запрашивает у пользователя два ввода текста и 1 радиовход. Как только пользователь нажимает кнопку отправки, у меня запускается функция OnClick, которая будет использовать jQuery для скрытия () формы и отображения () загружаемого GIF.

 <input type="submit" value="Submit" id="submitinput" onClick="loading();">

функция

 <script>

function loading(){
    $("#form1").hide();
    $("#loadingGIF").show();
}

</script>

На настольном компьютере / ноутбуке все работает нормально (с использованием Chrome для обоих), но на планшете или телефоне (протестировано в Safari и Chrome) все идет не так. В таблице стилей CSS у меня установлен загрузочный GIF для отображения: нет. Я пытался использовать $ (document).функция ready (). У меня была мысль иметь другую функцию, возможно, для автоматического обновления, но я пока не уверен, как это сделать.

Комментарии:

1. Что именно пошло не так? Вы не объяснили проблему

2. Извините, если я не понял. Проблема в том, что когда я нажимаю отправить. У меня есть GIF, который представляет собой вращающийся круг. При нажатии кнопки отправки отображается GIF, но без анимации. Он отображается как «снимок» того, что он должен делать. Вторая проблема заключается в том, что когда я нажимаю стрелку назад (после нажатия кнопки отправки и загрузки страницы), загружаемый GIF теперь отображается в полной анимации вместо отображения исходной формы. Я читал, что это из-за кэша. Однако при использовании на настольном компьютере / ноутбуке GIF анимируется при нажатии отправки, а стрелка назад при нажатии возвращается к форме.

3. Я заметил это раньше — Т.Е. На рабочем столе есть аналогичная проблема (или у меня), кажется, что все анимации останавливаются при отправке формы (на том основании, я полагаю, что страница вот-вот будет уничтожена обратной отправкой). Я думаю, что это просто то, как некоторые браузеры делают вещи. Мы перепробовали все способы, чтобы попытаться обойти это, но в итоге я не думаю, что мы, как программисты, имеем какой-либо контроль над тем, как браузер анимирует GIF-файлы. Возможно, кто-то другой нашел иначе, но это был мой опыт

4. Это интересно и немного облом, поскольку GIF отлично работает на ноутбуке / настольном компьютере.

5. Ну, на самом деле я бы, наверное, сказал «Отлично работает на ноутбуке / настольном компьютере, если вы не используете Internet Explorer или Safari (и, возможно, другие, которые я не тестировал)» . Определяющим фактором является не столько платформа, сколько браузер (и версия браузера).