Question

我正在创建一个joomla模板。我在index.php中加载了jquery这段代码：

JHtml::_('jquery.framework');

然后我在包含此脚本的js文件夹中创建了animate.js：

<script> jQuery("#content").ready(function(){

jQuery("#content").animate({opacity:'0.4'});

}); </script>

我加了

<script type="text/javascript" src="templates/basicjoomla3.0template/js/animate.js"></script>

在index.php的head部分，但它不起作用。当我在索引php的body标签中使用我的脚本时，它成功运行，但是当我想从js文件加载它时，它不起作用。我现在应该怎么做？谢谢你的帮助。

Answer 1

试试这个，你的文件路径看起来不对

<script type="text/javascript" src="/templates/basicjoomla3.0template/js/animate.js"></script>

另外，你不需要js filE中的标签

Answer 2

检查animate.js后jquery loads是否已加载，或尝试此操作

<强> PHP：

JHtml::_('jquery.framework',  true, true);
followed by your plugins:
// some plugin located at _basePath/js
JHtml::_('script',$this->_basePath.'js/animate.js', false, true, false, false);

从script tags

中删除animate.js

jQuery("#content").ready(function(){
   jQuery("#content").animate({opacity:'0.4'});
});

在joomla模板中调用.js文件

2 个答案: