我为当地慈善机构设计了一个网站，并使用我在互联网上找到的模板来增加一些兴趣。当文件全部上传到主机服务器时，所有的 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 文件并将其另存为其他文件，它会起作用。
慈善机构对我施加了很大的压力，要求我尽快启动并运行。这个社区的任何成员有什么建议吗？