Почему этот div не загружается последовательно в Chrome? Жук?

У меня Chrome версии 33.0.1750.154 м, работающий на 64-разрядной версии Windows 7 Professional.

Я создал этот WP-плагин пару лет назад, и он отлично работает (конечно, можно было бы улучшить), который показывает кешированный стилизованный Календарь Google. Когда я перекинул его сегодня на другой веб-сайт, я столкнулся с очевидными ошибками отрисовки в браузере, но только на этом одном веб-сайте, что навело меня на мысль, что существует какой-то конфликт CSS.

Я полностью заархивировал подключаемый модуль с http://ebcbuffalo.com/calendar/ (который отображается без каких-либо ошибок в том же браузере) и установил его на новый веб-сайт: http://faithbaptistspringville.com/monthly-calendar. /. Как видите, они выглядят одинаково.

Когда я нажимаю на событие в календаре на последнем, он может правильно или не правильно рисовать div, и даже если он рисует его правильно, после закрытия события и нажатия на другие события всегда возникают ошибки рисования. Когда он не отображается должным образом, чтобы увидеть div таким, каким он должен быть, я просто нажимаю на другую вкладку в Chrome, а затем возвращаюсь на эту вкладку. Бинго - оно там (пока я не прокручиваю вниз и не вижу, что оно абсолютно позиционировано, хотя на самом деле оно фиксировано, затем попробуйте щелкнуть по его ссылкам, и их... НА САМОМ ДЕЛЕ ТАМ НЕТ).

Я подумал, что, может быть, с моим JS что-то не так, поэтому я запустил самую простую команду из своей консоли Chrome: jQuery('#id_popup').show(); и jQuery('#id_popup').hide();, но она ведет себя так же странно.

Я убежден, что это ошибка Chrome, но почему он заражает только этот сайт (faithbaptistspringville.com)?

Вот рабочий вариант: Без ошибок

Вот 2 снимка экрана с ошибкой (она перерисовывается совершенно случайно) Bug view #1Ошибка №2


google-chrome html jquery css browser-bugs
person user24601    schedule 01.04.2014    source источник
comment
Я не могу воспроизвести ошибку, как вы описали, с моей стороны, всплывающее окно загружается очень медленно, делая страницу белой на долгое время (в то время как страница по первой ссылке работает нормально). Похоже, это ошибка в вашем коде. Проверено как в Хроме, так и в Опере.   -  person King King    schedule 01.04.2014
comment
Через некоторое время всплывающее окно отображается так, как вы описали, выглядит как ошибка, но, что еще хуже, я не могу закрыть его правильно, кнопка закрытия X кажется не интерактивной на мгновение... Поэтому трудно сказать, что вызывает это, хотя я думаю, что это может быть вызвано кодом.   -  person King King    schedule 01.04.2014
comment
Вы пробовали трюк «переключиться на другую вкладку и обратно»?   -  person user24601    schedule 01.04.2014
comment
В качестве альтернативы переключению на другую вкладку я могу просто выбрать большую область страницы, и она обычно правильно рисует ее.   -  person user24601    schedule 01.04.2014
comment
Я думаю, вы запускаете всплывающее окно с запросом ajax, как показано на этом снимке i.imgur.com/6iz6RWS.png< /а> . Если да, то есть решение, но я в нем не уверен. Попробуйте установить overflow: hidden или overflow: auto в свой всплывающий элемент div #id_popup .   -  person Mahmoud    schedule 01.04.2014
comment
Ах да, я понимаю, на самом деле вам не нужно переключать вкладку, после некоторого нажатия просто попробуйте выбрать (с помощью мыши) центральную область, и вы увидите всплывающее окно - так странно   -  person King King    schedule 01.04.2014
comment
Я тестировал в IE 10, FF 28 и последней версии очень молодого браузера Maxthon, он работает нормально в этих браузерах, но не в Chrome и Opera, похоже, это ошибка, но я думаю, вы можете отредактировать ваш код, чтобы он работал в кроссбраузерном режиме.   -  person King King    schedule 01.04.2014
comment
@Mahmoud Махмуд Спасибо, но это не помогло. Действительно, он выполняет AJAX-вызов кэшированной версии Календаря Google на этом сервере.   -  person user24601    schedule 01.04.2014
comment
Это странно! что, если мы установим min-height. надеюсь смогу помочь.   -  person Mahmoud    schedule 01.04.2014
comment
Нет, сэр. Это все еще не удается.   -  person user24601    schedule 01.04.2014

Ответы (1)


arrow_upward
1
arrow_downward

Я действительно не могу понять, почему это исправляет это, но в моем хроме (который воспроизвел проблему) я решил проблему, изменив css в devtools для #id_popup, чтобы использовать position: absolute; вместо исправленного.

person Starscream1984    schedule 01.04.2014
comment
Если #id_popup предназначен для всплывающего окна, показывающего информацию после нажатия на тестовую ссылку, я думаю, что fixed — правильный стиль для него, если вы установите его как абсолютный, вы можете попробовать прокрутить страницу вниз и щелкнуть тестовую ссылку ? он больше не должен быть в центре экрана. - person King King; 01.04.2014
comment
Я вижу это - может быть, какой-нибудь jquery может проверить прокрутку и соответствующим образом изменить top? Ужасно, я знаю, но это может обойти эту очень странную ошибку - person Starscream1984; 01.04.2014
comment
Я мог бы получить тот же эффект центрирования, разместив его с помощью jQuery, как я это сделал в повестке дня календаря на главной странице hotoffthepresspaninis.com, но мне НЕ НУЖНО просто заставить его работать. - person user24601; 01.04.2014