2013-05-28 96 views
0

我寫了一個jQuery代碼來滾動一些joomla 2.5網站上的div內容。 它在該網站上運行良好。腳本包含在joomla 3

我現在試圖將它添加到基於protostar模板的新的joomla 3.1模板中。

當直接包含在頭 - 它工作正常。

<script type="text/javascript"> CODE </script> 

當我試圖從它的文件夾中包含它 - 不工作:[

我使用call:

<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template;?>/js/div_scroller.js"></script> 

腳本被命名爲 「div_scroller.js」,並且是在我的模板的JS文件夾。

該呼叫的輸出爲:

<script src="/Vcore/templates/vcoretemplate/js/div_scroller.js" type="text/javascript"></script> 

核心電壓是根文件夾。 「vctemtemplate」是我的模板名稱(和文件夾)。

我不知道爲什麼這不起作用。

重要提示:原來是在生產環境中 - 在LINUX服務器上。這在我的本地WAMP服務器上運行 - windows。也許這是問題?

如果是這樣,我該如何在兩個操作系統的head標籤工作中製作相同的鏈接?

謝謝!

腳本本身,如果相關:

//this script scrolls the content of all divs with class .scrolling 

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

//set document css for scrolling 
    var elem= jQuery("div.scrolling div").first(); 
    var cont=jQuery(elem).parent().height(); 


//scrollspeed heigher is SLOWER 
    var scrollspeed=115; 

    jQuery(elem).parent().css("height",cont).css("overflow","hidden"); 
    jQuery(elem).css("margin-top",cont+10); 



//call the scroller 


scrollnews(elem,cont,scrollspeed); 
setInterval(function() { scrollnews(elem,cont,scrollspeed); }, cont*scrollspeed+100); 

}); 



function scrollnews(elem,cont,scrollspeed){ 

     jQuery(elem).animate({marginTop:-cont-10},cont*scrollspeed,"linear", function(){ 

     jQuery(elem).css("margin-top",cont+10); 

     }); 
} 
+0

當你用作外部文件時它是否在控制檯上顯示任何錯誤?你是否在該文件之前包含了jquery庫? –

回答

3

你可以嘗試使用下面包括了JS文件,該文件的Joomla編碼標準:

JHtml::_('script', JUri::root() . 'templates/vcoretemplate/js/div_scroller.js'); 

或傳統JDocument方法:

$document = JFactory::getDocument(); 
$document->addScript(JUri::root() . 'templates/vcoretemplate/js/div_scroller.js'); 

希望可以幫到

+0

最後,這工作: 但我認爲文件有一些錯誤。我做了一個新的同一個內容,它的工作。感謝您的幫助和時間! – Penance