2012-07-18 38 views
0

我有一個網站,客戶想要證明每隔幾秒就會更改一次,所以我使用J Query構建了一個簡單的腳本。所有工作都很好,但Google託管的J Query會阻止另一個元素中的圖像加載。有沒有人有任何想法,爲什麼這可能?J查詢在Joomla停止mod_djimageslider

當前頁面,在這裏你可以看到它:(CSS是我知道的那一刻有點歪斜) http://www.pressbeau.co.uk/tithe-farm-nursing-home/

獲得殲查詢(難道我做了這個錯誤 - 它確實工作,並做好分內的工作?通過元素褪色,但從其他無關圖像停止加載...)

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
     // This Script loads the J Query File 
</script> 

謝謝!

回答

1

嘗試增加,你在這裏裝載的jQuery線之下,即:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
// This Script loads the J Query File 
jQuery.noConflict(); 

如果土特產品不能做到這一點(因爲使用Joomla的)在本地保存jquery.min.js並添加上述行在該文件的末尾。

+0

試過了,它的一半工作,在這是解決了原始問題,但現在我淡入淡出的元素不 - 像它停止我的腳本現在運行?有任何想法嗎? - 我把「jQuery.noConflict();」在本地文件中 – 2012-07-19 09:44:55

+0

這是J Query本地文件的結尾 - 是否正確? ...,[],function(){return f})})(window); jQuery.noConflict(); – 2012-07-19 09:48:41

+0

是的,看起來是正確的 – WooDzu 2012-07-19 11:19:09

0

嘗試添加此代碼,而不是按原樣嵌入腳本。

if (!JFactory::getApplication()->get('jquery')) { 
     JFactory::getApplication()->set('jquery', true); 
     // add jQuery from Google library 
     $document->addScript('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'); 
} 
+0

這與其他答案有同樣的問題,它只是接縫,以阻止我的腳本工作?我已經添加它,它看起來是正確的(我與JS新手) 2012-07-19 09:51:06

0

我發現(感謝因我收到的2個答案而做的研究),這是J Query庫和站點內另一個JavaScript庫之間的衝突。

以供將來參考,以解決這個問題,你可以調用這個代碼殲查詢庫發生之後: <script>jQuery.noConflict();</script>

這將禁用jQuery的快捷鍵「$」這樣,你調用一個jQuery函數$任何intances你需要使用jQuery更換

因此,這是之前

$("#???").fadeIn(speed, timerChangeTwo); 

而且這是在改變之後

jQuery("#???").fadeIn(speed, timerChangeTwo); 

然後應該解決問題 - 希望別人認爲有用!