使用jquery滑動面板和javascript lightbox一起引起衝突？

Question

我正在使用一些jQuery有一些滑動面板。這是爲我自己創建的投資組合網站。我有一個滑動的面板，其中包含拇指指甲，我想要鏈接到使用JavaScript在燈箱內顯示的圖像。

當所有腳本都在我的頭部內時，滑動面板可以工作，但燈箱不會。 如果我從頭部刪除jQuery腳本鏈接，以便「臨時禁用滑動面板，燈箱可以正常工作。我假設我有一些排序衝突，但我是jQuery和JavaScript的新手，所以我甚至沒有知道從哪裏開始。

繼承人我的代碼我的頭標記內。

<script type="text/javascript" src="js2/prototype.js"></script> 
<script type="text/javascript" src="js2/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js2/lightbox.js"></script> 
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> 

<script type="text/javascript" src="js1/jquery-1.4.min.js"></script> 
<script type="text/javascript" src="js1/slidepanels.js"></script> 
<link rel="stylesheet" type="text/css" href="css.css" /> 

Answer 1

你應該原型之前包括JQuery的，然後將其切換到NoConflict mode。

在此之後，加載原型/ Scriptaculous的和看看是否有效

Answer 2

pfff爲什麼你使用jquery + prototype？他們做幾乎相同的事情。最好找到jQuery的燈箱和刪除原型。或使用原型，但不能同時使用。