2010-12-01 69 views
0

在Joomla構建一個站點,我最近購買了一個內置的滑塊,它是用普通的舊Javascript構建的,然後我構建了一些內容框,這些內容框有一個由Jquery提供的動畫。現在動畫工作,但滑塊沒有。我想知道如何讓頁面能夠同時使用。這裏是我的代碼Jquery和普通的Javascript干擾

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
<script>jQuery.noConflict(); 
$(document).ready(function() { 
    //settings 
    var opacity = 0.5, toOpacity = 1, duration = 350; 
    //set opacity ASAP and events 
    $('.opacity').css('opacity',opacity).hover(function() { 
     $(this).fadeTo(duration,toOpacity); 
    }, function() { 
     $(this).fadeTo(duration,opacity); 
    } 
); 
}); 
</script> 
+0

jQuery *是* Javascript,他們將(應該)一起工作,沒有問題。沒有你正在使用的代碼的例子,我們在這裏沒有任何幫助。 – idrumgood 2010-12-01 18:56:56

+0

如果你刪除jQuery代碼的滑塊工作呢? 如果是這樣,你可能有一些函數名稱的alt。全局變量名干擾彼此 – Breezer 2010-12-01 18:59:37

+0

是的,當我刪除jQuery的滑塊確實工作。我打算粘貼代碼,以便所有人都可以看到它 – 2010-12-01 20:17:03

回答

2

嘗試調用這個庫被加載後:

jQuery.noConflict(); 

此外,嘗試這個替換您的jQuery就緒功能:

jQuery(document).ready(function($){ 

這將$快捷方式傳遞給jQuery代碼塊,但仍應避免發生衝突。

您可以閱讀jQuery文檔中的主題here

0

據jQuery的docs on jQuery.noConflict ...

說明:放棄$變量的jQuery的控制權。

這意味着在您調用它之後,您必須使用jQuery而不是$來執行jQuery調用。

例如,將$(document).ready(function() { ... });更改爲jQuery(document).ready(function() { ... });