Question

我写了一个小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服务器上运行 - 窗口。也许这就是问题？

如果是这样，我如何在两个操作系统的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);

        });
}

Answer 1

您可以尝试使用以下内容来包含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');

希望这有帮助

脚本包含在joomla 3中

1 个答案: