joomla3.0 - 如何在 Joomla 3.1 的模块中添加 JQuery 代码

Question

我正在使用 Joomla 3.1.4 构建一个网站并尝试在模块中添加 jquery 代码。该模块基本上会在主页中显示 jquery 新闻代码。为此，我创建了一个自定义 html 模块并尝试在“管理面板中的自定义输出”编辑器。但它不喜欢那里的任何 jquery 脚本。有没有办法添加它？我应该在哪里获取源中此特定模块的文件以进行编辑？

我喜欢添加的 jquery 代码：

function tick(){

$('#ticker li:first').animate({'opacity':0}, 200, function () {     
    $(this).appendTo($('#ticker')).css('opacity', 1); });
}

setInterval(function(){ tick () }, 4000);

任何帮助将不胜感激。

提前谢谢了！

Answer 1

出于安全原因，编辑器的代码和一些标签受到限制。您必须添加它的方法是在您的模块中对其进行编码。您可以添加脚本或片段：

$doc = JFactory::getDocument();
$doc->addScriptDeclaration("
    // Your jQuery or js script hoes here. ex:
    (function($){
        $(document).ready(function(){
            // Your jQuery methods inside
        });
    })(jQuery);
");

或者您可以从目录调用脚本：

$doc = JFactory::getDocument(); 
$url = "/your_dir/your_script.js";
$doc->addScript($url, $type="text/javascript");

注意两者的区别：一是添加脚本，二是脚本文件。希望能帮助到你。