2013-05-28 79 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