将 jQuery 用于 Joomla 模块。 - 如何？

发布于 2024-10-22 20:38:40 字数 956 浏览 6 评论 0原文

我刚刚为 Joomla 1.6 创建了一个模块，它使用 jQuery 来实现动画。

到目前为止，我已经完成了，

$document           = JFactory::getDocument();
$document->addStyleSheet(JURI::base() . 'modules/mod_op_slideshow/assets/css/slideshow.css');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/menuRotate.js');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/jquery.js');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/script.js');

使用 firebug，看来我的脚本和 css 已经加载。为了让我的动画正常工作，我需要在文档中初始化代码，我已经将其包含在 script.js 中。

$(document).ready(function(){
$('ul#slidemenu').menuRotate({
    speed: 1230,
    timeout: 5000,
    opacity: '0.6',
    containerheight: '300px'
});

不幸的是，它似乎没有初始化代码。显示的错误之一萤火虫是：

jQuery 未定义 [中断此错误] })(jQuery);

我是否正确地将脚本添加到 Joomla 并使用 script.js 中的 document.ready 初始化代码？或者我对这个问题是否有意义？

原文

I've just created a module for Joomla 1.6 that uses jQuery for its animation.

So far I have done,

$document           = JFactory::getDocument();
$document->addStyleSheet(JURI::base() . 'modules/mod_op_slideshow/assets/css/slideshow.css');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/menuRotate.js');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/jquery.js');
$document->addScript(JURI::base() . 'modules/mod_op_slideshow/assets/js/script.js');

With firebug, it appears that my scripts and css have been loaded. In order for my animations to work, I require to have my code initialized inside document ready, which I have already included in script.js

$(document).ready(function(){
$('ul#slidemenu').menuRotate({
    speed: 1230,
    timeout: 5000,
    opacity: '0.6',
    containerheight: '300px'
});

Unfortunately, it doesn't seem to be initializing the codes.. One of the errors that was displayed on firebug was:

jQuery is not defined
[Break On This Error] })(jQuery);

Have I done correctly with adding the scripts into Joomla and initializing the code with document.ready inside script.js ? or am I even making sense with this problem ?

分享到QQ

分享到微博