IE Display Bug, jQuery bug - PullRequest
       5

IE Display Bug, jQuery bug

0 голосов
/ 28 апреля 2010

Итак, я создал несколько сложных модулей jjery ajaxy на своей домашней странице с помощью «прокручиваемого» из flowplayer.org .

Он отлично работает для меня в Chrome, Opera, Firefox ... но, конечно, IE не играет дружелюбно (независимо от версии, из моего тестирования).

Объекты отображаются не там, где должны, некоторые перекрывают друг друга, а при нажатии кнопки некоторые элементы просто исчезают.

Однако, если я изменяю размер окна браузера IE вверх и вниз, дисплей в основном исправляется. Затем, если я нажму на одну из сделанных мной кнопок, она снова испортится. Пока я не изменю размеры окна снова, и это выглядит хорошо.

Чтобы увидеть проблему:

  • Перейти на makemeheal.com
  • Посетите несколько страниц продукта (для просмотра модуля вам нужна история просмотров продукции)
  • Перейти к: http://www.makemeheal.com/mmh/home.do?forceshowIE=1
  • Посмотрите на модуль "Ваша недавняя история".

(обратите внимание на forcehowIEIE = 1, потому что по умолчанию я скрываю это для людей IE)

Я думал, может быть, есть способ заставить IE перерисовать весь модуль иногда? Или, может быть, у кого-то есть лучшее представление о том, как решить основную проблему?

Исходный код доступен здесь:

http://www.makemeheal.com/mmh/scripts/recentHistory.js

http://www.makemeheal.com/mmh/styles/recentHistory.css

Спасибо

1 Ответ

2 голосов
/ 28 апреля 2010

Вам не хватает объявления типа документа в верхней части файла, это приводит к тому, что IE возвращается в режим причуд. Если указать тип документа, IE будет отображаться в стандартном режиме. (не могу сказать, что IE6 будет по-прежнему вести себя, но IE7 / IE8 должен быть более совместимым с другими браузерами)

Попробуйте поместить это в начало основного файла:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Надеюсь, это исправит.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...