Скрипты на странице - страница не открывается с первой попытки

82
10

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

Я создал веб-сайты с загрузкой сценария лайтбокса в начале страницы. (Сначала я скорректировал сценарий для работы в более низких разрешениях на мобильных телефонах). Это заставило его работать неправильно, когда оно было открыто на мобильном устройстве. Окна не были хорошо подобраны на экране и т.д. Я решил это, поставив скрипт в конец html body. Лайтбокс работает хорошо, но страница с галереей не открывается с первой попытки. Мне нужно обновить страницу, а затем страница появится нормально и работает без проблем.

Я искал возможное решение этой проблемы через всю сеть, но без успеха.

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

Я буду рад за любую помощь, которую я могу получить. :) Большое спасибо. Пожалуйста, сообщите мне на мой e-mail, когда я ответила или проблема с моим вопросом.

<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>...</title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="canonical" href="http://www.merryberry.eu/galerie.html">
<link href="jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="stylesheetmobil.css" rel="stylesheet" type="text/css">

<script src="jquery-mobile/jquery-1.11.1.min.js"></script>
<script src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>
<div class="Body">
<div class="header">
<div class="menu">
<nav id="primary_nav_wrap"> </nav>
</div>
</div>

<div class="picture">
<img src="Images/barvenidekorace.jpg" style="width: 100%; height: auto;">
</div>
<div class="text"></div>
<div class="footer"></div>
</div>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

</body>

</html>

спросил(а) 2017-01-18T20:18:00+03:00 3 года, 9 месяцев назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема