带有 colorbox 的 Javascript 调试问题

Question

我最近一直在对 http://washingtongraphic.com/logo-design.html 进行结构和样式编辑并发现 colorbox 插件不再有效。当您滚动每个 Logo 时，它应该弹出到更大的尺寸，并在您滚动时恢复到正常状态。此外，单击时，它应该出现在 colorbox 窗口中……这也不起作用。所有指向脚本和其他资源的链接似乎都是正确的，但由于某种原因，滚动时不会触发脚本，并且单击时也不会出现颜色框窗口。可以在这里找到一个功能示例(它应该如何工作):http://washingtongraphic.com/annual-reports.html .我还不是很擅长调试 javascript，我真的可以使用我能得到的所有帮助。我一直在使用 Firebug ，但不确定如何判断脚本失败的位置。谢谢大家。另外，我没有创建这个网站，而只是编辑它……这不是我构建它的方式(我知道这里还有一些其他结构问题!)

Answer 1

问题是 trialbyfire.js 的加载顺序和 trialbygallery.js .

确保它们按此顺序加载(您在 Logo 设计页面上将它们颠倒过来):

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

此外，要修复此错误，您有两种选择:

Uncaught TypeError: Object #<Object> has no method 'scrollable' on trialbyfire.js:89

1. 删除:

   //鼠标滚轮//当 DOM 准备好时执行你的脚本。这是个好习惯$(函数() {

   // initialize scrollable with mousewheel support
   $(".scrollable").scrollable({ vertical: true, mousewheel: true });  
   

   });

2. 修复“可滚动”依赖项。可能是应该加载但未加载的插件。