2013-06-23 113 views
0

我設計了一個當地慈善機構的網站,並使用了我在互聯網上找到的模板來添加一些興趣。當文件全部上傳到主機服務器時,沒有一個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文件並將其另存爲其他內容,並且可以工作。

我受到慈善機構的很大壓力,要儘快完成這項工作。這個社區的任何成員是否有任何建議?

回答

0

試試這個;

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

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