#javascript #jquery #html #internet-explorer #jquery-animate
#javascript #jquery #HTML #internet-explorer #jquery-анимировать
Вопрос:
Я разрабатываю личный веб-сайт,http://www.miketurley.com .
В любом браузере Webkit (Chrome, Safari) или Firefox, когда вы наводите курсор мыши на текст на экране открытия моего сайта, вы получаете плавную анимацию, которая перемещает текст и открывает меню («пробуждает» мой сайт). Возможно, в этом нет особой необходимости, но мне это нравится, и я думаю, что уместно продемонстрировать подобные навыки на моем веб-сайте портфолио.
В любом случае, если вы зайдете на мой веб-сайт в Internet Explorer, анимации вообще не появятся. Проходит столько же времени, а затем страница «переходит» в состояние после анимации в одном кадре, без движения между ними.
Как я могу это исправить?
Объяснение этой конкретной анимации вместе с исходным кодом доступно здесь: http://www.miketurley.com/index_explain.html
Комментарии:
1. Зачем нужно так много eval()?
2. да… Мне действительно нужно переписать это без всех eval(). Я просто был разочарован тем, что некоторые символы не экранировались должным образом, и перевел все вызовы animate в строки. Это некрасиво, я знаю. Рано или поздно я это исправлю.
Ответ №1:
Оставляя eval в стороне, ваш сайт не переходит в режим quirks в IE. Используя инструменты разработчика, я переключился в другой режим документа, и анимации работали просто отлично. Не могу выяснить, что активирует quirks прямо сейчас, но у вас есть проблема для расследования. Начните с прохождения строгой проверки или перехода на transitional или html5 <!doctype html>