除非刷新网页，否则Javascript无法在网页上工作

Javascript not working on web page unless the page is refreshed

本文关键字：网页 工作 否则 刷新 Javascript      更新时间：2023-09-26

我为当地一家慈善机构设计了一个网站，并使用我在互联网上找到的模板来增加一些兴趣。当所有文件都上传到主机服务器时，没有一个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文件并将其保存为其他文件，它就会工作。

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

试试这个；

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

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

相关文章：