0

我编写了一些 jquery 代码来滚动 joomla 2.5 站点上的一些 div 内容。它在那个网站上运行良好。

我现在正尝试将它添加到基于 protostar 模板的新 joomla 3.1 模板中。

当直接包含在头部时 - 它工作正常。

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

当我尝试从其文件夹中包含它时 - 不工作：[

我使用的电话：

<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>

Vcore 是根文件夹。“vcoretemplate”是我的模板名称（和文件夹）。

我不知道为什么这不起作用。

重要提示：原来是在生产环境中 - 在 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);

        });
}
4

1 回答 1

3

您可以尝试使用以下内容来包含 Joomla 编码标准的 JS 文件：

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

或传统的JDocument方法：

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

希望这可以帮助

于 2013-05-28T07:34:40.973 回答