使用colorbox进行Javascript调试问题

我最近一直在对http://washingtongraphic.com/logo-design.html进行结构和样式编辑，发现colorbox插件不再适用。当您翻转每个徽标时，应该弹出一个更大的尺寸并在您推出时恢复到正常状态。另外，单击时，它应该出现在colorbox窗口中......这也行不通。所有指向脚本和其他资源的链接看起来都是正确的，但由于某种原因，脚本不会在滚动时触发，并且单击时也不会显示colorbox窗口。可以在这里找到一个功能性示例（它应该如何工作）：http://washingtongraphic.com/annual-reports.html。我不是很擅长调试JavaScript，可以真正使用我可以获得的所有帮助。我一直在使用萤火虫，但不知道如何判断脚本失败。谢谢大家。 另外，我没有创建这个网站，但我只是编辑它...它我也不怎么会已经把它（我知道还有其他的一些结构问题在这里！）使用colorbox进行Javascript调试问题

来源

2011-08-17 visyoual

看看你的Javascript控制台。页面加载时会出现一堆错误。 –

我还建议创建一个只有几张图片的小例子页面来缩小问题发生的位置。 –

所有即时看到错误的方式是“.scrollable”函数，我不认为与我的问题有任何关系。你看到不同的东西吗？ – visyoual

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

确保他们加载顺序（你有他们逆转了标志设计页）：

<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

删除：

//鼠标滚轮 //在DOM准备就绪时执行脚本。这是一个好习惯 $（函数（）{

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

}）;

修复'可滚动'依赖。可能是应该加载的插件，但不是。

来源

2011-08-17 14:04:19 circusbred

在正常工作的页面上也会出现该错误。 –

加载顺序... trialbyfire.js在您链接的页面上加载第二个，该页面的工作原理是先由被破坏的页面加载。在破损的页面上，出现错误@ trialbyfire.js，然后从未执行trialbygallery.js中的'$ .ready' – circusbred

好的（+1）。但可滚动的错误仍然不影响图像的悬停状态。 –

使用colorbox进行Javascript调试问题

回答

相关问题