2012-07-27 151 views
4

我有兩個滑塊在我的網頁jQuery的滑塊不工作

在單獨的頁面都工作正常,但是當我在一個頁面中任何一個把兩隻不工作。

1滑塊

<script type="text/javascript" src="js/jquery-1.7.1.js"></script> 
    <script type="text/javascript" src="js/easySlider1.7.js"></script> 

第二滑塊

<script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script> 
<script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script> 
<script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script> 

我試圖用mootools-1.2.1-core.js更高版本,但仍然還沒有工作。 請幫幫我。

+3

大概腳本的會發生衝突.. – 2012-07-27 06:52:00

+0

我該如何解決這個問題? – Prashobh 2012-07-27 06:52:51

+0

嘗試其他替代方法或嘗試修改腳本,如果你知道 – 2012-07-27 06:55:58

回答

6

使用jQuery no-conflict

var $j = jQuery.noConflict(); 

現在你可以在你的jQuery代碼使用$j,而不是$

這些javascript庫之間總會有衝突的機會。因爲magento使用scriptaculous作爲默認庫,所以我總是對所有的magento網站使用jquery不衝突。因此,如果您將jquery &一些其他js庫結合在一起使用,則不會有衝突。