iPad и jQuery hide () при загрузке страницы имеют большую задержку - PullRequest
Новая
       0

iPad и jQuery hide () при загрузке страницы имеют большую задержку

3 голосов
/ 17 февраля 2011

Я написал немного jQuery, который скрывает определенный элемент при загрузке страницы, который без проблем работает в браузерах на Mac, но когда я пробую это на iPad, появляется заметное всплывающее окно при появлении элемента, а затемисчезает.Это iPad, который вызывает проблему, и в этом случае мне, возможно, придется переосмыслить процесс загрузки моей страницы.

Чтобы скрыть элемент, который я использую: 

$(document).ready(function() {
    $('#element').hide();
});

Другие jQuery, позже показанныеэлемент, когда я нажимаю на вещи, чтобы можно было скрыть его с помощью css, но это не будет сильно ухудшаться при отсутствии js.

Ответы [ 2 ]

4 голосов
/ 17 февраля 2011

Почему бы вам просто не создать класс для тега html сразу после того, как вы объявите его ( с помощью javascript ) и используете CSS, чтобы скрыть элемент?

Javascript 

<script type="text/javascript">
document.documentElement.className = 'js';
</script>

Правило Css ( в таблице стилей или в голове ) 

.js #element{display:none;}

просто добавьте вышеуказанный тег внутри страницы <head>, и вы должны быть установлены.

Демо : http://jsfiddle.net/C2jdX/

2 голосов
/ 17 февраля 2011

Чтобы изолировать причину и обойти ее, если она окажется неразрешимой, вы можете подумать о том, чтобы скрыть ее с помощью встроенного сценария непосредственно перед закрывающим тегом body, а не с помощью обработчика ready.Например: 

<!DOCTYPE html>
<html>
<head>
<!-- blah blah blah -->
<script src='path_to/jquery.js'></script>
</head>
<body>
<!-- blah blah blah -->
<div id='element'>...</div>
<!-- blah blah blah -->
<script>
    $('#element').hide();
</script>
</body>
</html>

Пока скрипт следует за закрытием элемента, он должен быть найден.

Живой пример

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

Ссылки:

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

Нет похожих вопросов

...