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文件並將其另存爲其他內容,並且可以工作。
我受到慈善機構的很大壓力,要儘快完成這項工作。這個社區的任何成員是否有任何建議?