2013-07-19 29 views
0

我有非常siple在jsFiddle工作,但由於某種原因,當我添加到Joomla 3 CMS它不起作用。內容保持靜態,不會移動。我把html和js放在一個沒有所見即所得編輯器的HTML模塊中,甚至試圖將js放在外部文件中而不是骰子。有什麼想法嗎?我的Javascript不工作在Joomla 3,有什麼矛盾?

function ticker() { 
    $('#jsTicker li:first').slideUp(function() { 
     $(this).appendTo($('#jsTicker')).slideDown(1500); 
    }); 
} 
setInterval(ticker, 6000); 

小提琴:http://jsfiddle.net/KevinOrin/Zh3wU/ 網站:http://bit.ly/13GerYd

+0

替換$您是否嘗試過使用螢火蟲?控制檯會告訴你是否有錯誤,並且現在它告訴你$(...)沒有被定義,所以你可能使用mootools與jQuery一起使用,這會導致你的問題。嘗試Vipul Sharma的回答。 – mattosmat

回答

1

你寫<script type="javascript">代替<script type="application/javascript">

編輯

你還忘了一個額外});到底。

+0

你只需要在'之前添加一個額外的'});'。你的括號不匹配。 – sabof

+0

對不起,在'setInterval'之前。你有'setInterval'沒有什麼錯誤 – sabof

+0

你也用noConflict()加載了jQuery。您需要將'$'更改爲'jQuery' – sabof

0

在示例頁面的控制檯上運行提供的代碼表明它可以正常工作,所以我認爲您有一個文檔準備就緒的問題。

您應該在jQuery文檔就緒語句中運行該函數。 http://learn.jquery.com/using-jquery-core/document-ready/

// A $(document).ready() block. 
$(document).ready(function() { 
    console.log("ready!"); 
}); 
+0

這沒有幫助,請參閱網站 – KevinOrin

1

你可以使用jQuery沒有衝突:

var jat = $.noConflict(); 

現在在你的代碼JAT