Question

这可能是一个noob问题，但是当我看到JQuery时，我需要一些帮助。基本上，当我在本地测试它时，我的自制图像库脚本工作正常，但是一个上传脚本jsut不起作用。我不知道为什么？

您可以看到网站here

以下是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 SCRIPT：

 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;
});

非常感谢任何帮助！

非常感谢！

Answer 1

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>

顺便说一句，您的页面加载速度会更快。

Answer 2

您收录的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）中，您可以保留 dollar 对jQuery的引用：

(function($){

   //code here  

})(jQuery);

Answer 3

如果您使用Firefox的firebug插件，您可以立即告知您的js未被下载。
它返回“NetworkError：403 Forbidden - http://designbykai.com/test/jquery.js”

您可能想要检查您的文件是否存在及其权限

Answer 4

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

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

尝试将它们放在脚本的顶部
确保js文件确实在http://designbykai.com/test/文件夹

Answer 5

右键点击jquery.js文件＆gt;属性＆gt;确保其他人获得“只读”的许可。这个文件。我正在使用Linux，但我认为它对于Windows也是如此。抱歉我的英文。

Answer 6

第140行......

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

错了。

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

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

上传时Jquery脚本无法正常工作

6 个答案: