html中的Javascript顺序

Question

我遇到了 javascript 文件的问题，即。有些脚本不起作用，具体取决于我在 html 文件中对其进行排序的方式。这里的演示只是为了向您展示我的意思: http://testground.uphero.com/test/

正如您在源代码中看到的那样:

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/grayscale.img.js"></script>

如果我按此顺序放置标签，Grayscale img 将起作用，而 Lightbox 将不起作用，但如果我将 jquery 链接移至顶部，Grayscale 将不再起作用，但 Lightbox 将起作用。

所以我想要的是让它们都工作。有什么办法吗。提前致谢! :-)

Answer 1

正如我在评论中所说:您可以避免使用两个框架，但是:

如果您真的必须同时使用两者，请使用 firebug(或其他浏览器的类似工具)查看生成的 javascript 错误 - 也许您必须为这两个框架激活“兼容/无冲突模式”，这样它们就不会不要互相残杀。

看看 jQuery documentation有关这方面的更多信息。