Я создал веб-сайт для местной благотворительной организации и использовал шаблон, который я нашел в Интернете, чтобы добавить интерес. Когда файлы были загружены на главный сервер, ни один из элементов javascript не будет работать. Если вы нажмете на что-то, я могу видеть в адресной строке моего браузера, что код обновляется, но я не вижу обновления на веб-странице, пока не нажму кнопку обновления.Javascript не работает на веб-странице, если страница не обновляется
Я никогда не работал с Javascript раньше, и я попытался найти ответ в Интернете на форумах, но не имел большой удачи.
Это верхняя часть моей страницы index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>the CR</title>
<meta name="keywords" content="running, walking" />
<meta name="description" content="5k race" />
<link href="cr_style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
Это является частью основной части текста, где нажав на изображение должно перейти в другой раздел:
<div id="main">
<div id="content">
<div id="home" class="section">
<div id="home_about" class="box">
<p>custom text here
</div>
<div id="home_gallery" class="box no_mr">
<a href="http://www.website.org"><img src="images/gallery/01.jpg" alt="logo" /></a>
<img src="images/gallery/02.jpg" alt="Event Photo" />
<a href="http://www.website.org" class="no_mr"><img src="images/gallery/03.jpg" alt="logo" /></a>
<img src="images/gallery/04.jpg" alt="Event Photo" />
<a href="#sponsors"><img src="images/gallery/05.jpg" alt="logo" /></a>
<img src="images/gallery/06.jpg" alt="Event Photo" />
</div>
<div class="box home_box1 color2">
<a href="#about"><img src="images/about-01.jpg" alt="About Us" /></a>
</div>
К изображениям прикреплены две ссылки, в которых пользователь должен быть доставлен либо на страницу о гонке, либо о спонсорах.
Когда я нажимаю на изображение, я вижу «http://www.website.com/#about» в адресной строке, но данные «#about» не загружаются, пока я не нажму кнопку «Обновить».
Когда я начал настраивать шаблон с нашим контентом, javascript не всегда работал. Я бы открыл html-файл и сохранил его как что-то еще, и он сработает.
Я испытываю сильное давление со стороны благотворительной организации, чтобы получить это и работать как можно скорее. Есть ли у каких-либо членов этого сообщества какие-либо предложения?