0

これはおそらくちょっとした初心者の質問ですが、JQueryに関しては私が初心者なので、助けが必要になります。基本的に、自家製の画像ギャラリースクリプトは、ローカルでテストすると正常に機能しますが、アップロードしたスクリプトjsutは機能しません。理由がわからないのですか？

あなたはここでウェブサイトを見ることができます

これがJQueryです

基本的なHTML：

<div id="imagenav">
    <ul>
        <li>
            <a href="">
                <img src="images/thumbs/1.jpg"/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="images/thumbs/2.jpg"/>
            </a>
        </li>
        <li>
            <a href="">
                <img src="images/thumbs/3.jpg"/>
            </a>
        </li>
    </ul>  
</div>

<div id="imagecontainer">
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/1.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/2.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
    <div>
        <a class="prev" href="">prev</a>
        <a class="next" href="">next</a>
        <a class="index" href="">X</a><br>
        <img src="images/3.jpg"><br>
        <p>Description: Vestibulum id ligula porta felis euismod semper.</p>
    </div>
</div>

基本的なJQUERYスクリプト：

 var imagenav= $('#imagenav li a');
 var imagecontainer= $('#imagecontainer');
 var images= $('#imagecontainer div');
 var shader= $('#shader');

 imagenav.click(function (event) {
    event.preventDefault();
    var imageno = imagenav.index(this);
    imagecontainer.fadeIn(300, function(){
            shader.fadeIn(300);
            images.hide(0);
            images.eq(imageno).fadeIn(300);
    });
    return false;
});

どんな助けでも大歓迎です！

どうもありがとう！

4

6 に答える 6

2

jQuery がページに読み込まれませんでした:

Uncaught ReferenceError: $ が定義されていません

のため：

リソースの読み込みに失敗しました: サーバーは 403 (禁止) のステータスで応答しました

ファイル上http://designbykai.com/test/jquery.js。[SSHまたはFTP経由で]そのようなファイルに755のアクセス許可を与えるか、CDN経由でjQueryへのより良いリンクを与えるだけです:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>

ちなみに、ページの読み込みは速くなります。

于 2012-09-16T15:53:30.310 に答える
1

含まれている jQuery スクリプトがエラーをスローします。

<script src="jquery.js">
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    <html><head>
    <title>403 Forbidden</title>
    </head><body>
    <h1>Forbidden</h1>
    <p>You don't have permission to access /test/jquery.js
    on this server.</p>
    <p>Additionally, a 404 Not Found
    error was encountered while trying to use an ErrorDocument to handle the request.</p>
    <hr>
    <address>Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/0.9.8e-fips-rhel5 DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_fcgid/2.3.6 Server at designbykai.com Port 80</address>
    </body></html> 
</script>

代わりにこれを試してください：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

コード (imagegallery.js) では、jQuery へのドル参照を保持できます。

(function($){

   //code here  

})(jQuery);
于 2012-09-16T15:53:35.327 に答える
0

firefox 用のfirebugプラグインを使用すると、js がダウンロードされていないことがすぐにわかります。
「NetworkError: 403 Forbidden - http://designbykai.com/test/jquery.js」を返します

ファイルが存在することとその権限を確認することをお勧めします

于 2012-09-16T15:54:07.293 に答える
0

スクリプトの最後に、次の 2 行があります。

<script src="jquery.js"></script>
<script src="imagegallery.js"></script>
  1. それらをスクリプトの先頭に配置してみてください
  2. js ファイルが実際にhttp://designbykai.com/test/フォルダー内にあることを確認します。
于 2012-09-16T15:55:27.220 に答える
-1

140行目...

   <script src="jquery.js"></script>

間違っている。

   <script type="text/javascript" src="jquery.js"></script>

ファイルが存在し、参照しているパスでアクセスできることを確認してください。

于 2012-09-16T15:53:19.093 に答える