Question

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

我受到慈善机构的很大压力，要尽快开始运作。该社区的任何成员是否有任何建议？

Answer 1

试试这个;

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

只需在＃。

之前添加文件名

除非刷新页面，否则Javascript无法在网页上运行

1 个答案: