除非刷新页面，否则 Javascript 无法在网页上运行 [重复]答案

【问题标题】：Javascript not working on web page unless the page is refreshed [duplicate]除非刷新页面，否则 Javascript 无法在网页上运行 [重复]
【发布时间】：2013-06-23 17:49:30
【问题描述】：

我为当地的慈善机构设计了一个网站，并使用了我在互联网上找到的模板来增加一些兴趣。当文件全部上传到主机服务器时，所有的 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 文件并将其另存为其他文件，这样就可以了。

慈善机构对我施加了很大的压力，要求我尽快启动并运行它。这个社区的成员有什么建议吗？

【问题讨论】：

标签： javascript jquery refresh loading

【解决方案1】：

试试这个；

<a href="index.html#about"><img src="images/about-01.jpg" alt="About Us" /></a>

只需在 # 之前添加文件名即可。

【讨论】：