Как добавить код JQuery в модуль в Joomla 3.1

Я создаю веб-сайт с использованием Joomla 3.1.4 и пытаюсь добавить код jquery в модуль. Модуль в основном будет отображать бегущую строку новостей jquery на главной странице. Для этого я создал собственный html-модуль и попытался добавить код jquery в " Пользовательский вывод» в панели администратора. Но ему не нравится какой-либо сценарий jquery. Есть ли способ добавить его? Где я могу получить файлы для этого конкретного модуля в исходном коде для редактирования?

Код jquery, который мне нравится добавлять:

function tick(){

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

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

Любая помощь будет очень высоко ценится.

Спасибо заранее!


joomla3.0
person user2656743    schedule 06.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Из соображений безопасности редакторы ограничены в коде и некоторых тегах. Вы должны добавить его, закодировав его в своем модуле. Вы можете добавить скрипт или фрагмент:

$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");

Обратите внимание на разницу между ними: один добавляет сценарий, второй — файл сценария. Надеюсь, поможет.

person McRui    schedule 06.08.2013
comment
Огромное спасибо за помощь. - person user2656743; 13.09.2013
comment
Пожалуйста. Пожалуйста, примите ответ, если он решил ваш вопрос. Спасибо - person McRui; 13.09.2013