两种js特效冲突怎么解决？

Question

我的代码中有两个效果的js调用
一个是，lib/prototype.js和bramus/lazierLoad.js 用于图片延迟加载的，一个是jquery.js，jquery.infinitescroll.js和jquery.masonry.js，用于瀑布流的在<header></header>里
这么排就是只有瀑布流，没有图片延迟效果
<script src="lib/prototype.js" type="text/javascript"></script>
<script src="bramus/lazierLoad.js" type="text/javascript"></script><script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.infinitescroll.js"></script>
<script type="text/javascript" src="jquery.masonry.js"></script>如果颠倒位置这么排列就只有预加载，但是没有瀑布流效果了<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.infinitescroll.js"></script>
<script type="text/javascript" src="jquery.masonry.js"></script><script src="lib/prototype.js" type="text/javascript"></script>
<script src="bramus/lazierLoad.js" type="text/javascript"></script>
愁死了怎么办啊

Answer 1

http://www.ostools.net/apidocs/apidoc?api=jquery

Answer 2

<script type="text/javascript">
 $(document).ready(function(){
   /* 这里的代码呢?你调用masonry等的方法，贴出来。 */
 });
</script>

Answer 3

先让预加载图片跑起来，加载完成再用prototype加载瀑布流相关的js文件.或者试试RequireJS

Answer 4

怎么让一个<script></script>先加载，加载后再加载另一个？

Answer 5

prototype应该是占用了$变量,jquery使用别名,var jq = jQuery.noConflict();