jquery - 使用带有 jQ​​uery JS 的 colorbox 插件在本地工作，但不能从服务器工作

Question

我知道我看过一些东西，但正如那句话所暗示的那样，我无法弄清楚它是什么。我已经下载了最新的 jquery 和 colorbox 库。我已将此添加到本地 PC 上的工作网页中，我想在其中添加 javascript 弹出窗口并使其运行良好。我将颜色框用于映射区域图像的信息弹出窗口。在本地，一切正常，但是当我将所有部分上传到我的互联网服务器时，所有点击都会被忽略。现在我已经检查了样式表和 Js 库的权限和相对位置，并且都与其余的工作部分匹配。有问题的网页在
这里。 编程了几个区域“搜索栏”和“添加新”。它们应该可以工作，但不能。

Answer 1

我发现了一些错误，首先，看看我看到了什么（我会在一分钟内发布错误），尝试在谷歌浏览器中打开你的页面，然后按 Ctrl+Shift+J 打开调试控制台。

第一个错误

//  Line 27 of detailedview.html
//  Uncaught Syntax Error: Unexpected token ILLEGAL
settings = "width=900, height=320, top=20, left=20, scrollbars=yes, location=no, 
           directories=no, status=no, menubar=no, toolbar=no, resizable=no, dependent=no";
//  2 possible issues here;
    //  1.) Your "string" is on 2 lines, try closing first line and puttin '+ "' on second line
    //  2.) variable not declared, try full rewrite as follows:
var settings = "width=900, height=320, top=20, left=20, scrollbars=yes, location=no, "
    + "directories=no, status=no, menubar=no, toolbar=no, resizable=no, dependent=no";

第二个和第三个错误

//  GET http://www.sowardssystemsconsulting.com/accounttracker/js/jquery-1.8.0.min.js 403 (Forbidden) 
//  GET http://www.sowardssystemsconsulting.com/accounttracker/js/jquery.colorbox.js 403 (Forbidden) 
//  This is a permissions error on your server
//  Try ensuring the folder where your js is has correct access permissions 
//  In filezilla, this may require right clicking the folder and setting the file permissions
//  Or your hosting site may have account manager tools with some kind of "Reset File Permissions" button.

最后一个错误

//  Uncaught ReferenceError: $ is not defined 
//  If your fix the 2nd error, then this one will be corrected by default