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 没有加载到您的页面上：

未捕获的 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

在脚本的底部，您有以下两行：

<script src="jquery.js"></script>
<script src="imagegallery.js"></script>
  1. 尝试将它们放在脚本的顶部
  2. 确保 js 文件确实在http://designbykai.com/test/文件夹中
于 2012-09-16T15:55:27.220 回答
0

右键单击 jquery.js 文件 > 属性 > 确保其他获得此文件的“只读”权限。我正在使用 linux，但我认为 Windows 也一样。对不起我的英语不好。

于 2015-02-28T09:22:00.293 回答
-1

140号线...

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

是错的。

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

并确保该文件存在并且可以在您引用的路径中访问。

于 2012-09-16T15:53:19.093 回答