燈箱/其他JavaScript庫衝突

Question

我在我正在處理的網站的標題中有以下代碼，但它們兩者似乎彼此衝突。

<link href="tq.css" rel="stylesheet" type="text/css" media="screen" /> 
<script src="framework/mootools.js" type="text/javascript"></script> 
<script src="slideshow/js/slideshow.js" type="text/javascript"></script> 
<script src="slideshow/js/slideshow.kenburns.js" type="text/javascript"></script> 
<link href="slideshow/css/slideshow.css" rel="stylesheet" type="text/css" /> 
<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 

只要在燈箱工作時添加下面的線條，Sideshow就停止工作。我該如何解決它？

<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 

Answer 1

使用jQuery noConflict。有關哪些信息可以在以下位置找到：http://docs.jquery.com/Using_jQuery_with_Other_Libraries