私は地元の慈善団体のウェブサイトをデザインし、インターネットで見つけたテンプレートを使用して関心を高めました。ファイルがすべてホスト サーバーにアップロードされると、どの JavaScript 要素も機能しなくなります。何かをクリックすると、コードが更新されていることがブラウザーのアドレス バーに表示されますが、更新ボタンをクリックするまで Web ページに更新が表示されません。
私はこれまで Javascript を使用したことがなく、Web 上のフォーラムで回答を見つけようとしましたが、うまくいきませんでした。
これは、私の 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>
画像には 2 つのリンクが添付されており、ユーザーはレースに関するページまたはスポンサーに関するページに移動します。
画像をクリックすると、アドレス バーに「http://www.website.com/#about」と表示されますが、更新ボタンをクリックするまで「#about」の詳細は読み込まれません。
テンプレートをコンテンツに合わせてカスタマイズし始めたとき、javascript が常に機能するとは限りませんでした。私はhtmlファイルを開いて別のものとして保存するとうまくいきます。
私は慈善団体から、これをできるだけ早く立ち上げて実行するように多くの圧力を受けています. このコミュニティのメンバーに何か提案はありますか?