2

I want to marquee some content divs with continues scrolling. I create a module then added the jQuery from this url: https://github.com/aamirafridi/jQuery. This code is working successfully in our local server but not in my Joomla site. My default.php is

<?php 
defined('_JEXEC') or die('Restricted Access');
$document = JFactory::getDocument();
$document->addStyleSheet('modules/mod_marquee/css/style.css');
$document->addScript('modules/mod_marquee/js/jquery-2.1.1.min.js');
$document->addScript('modules/mod_marquee/js/jquery.marquee.min.js');
$document->addScript('modules/mod_marquee/js/script.js');?>
<div class="row-fluid">
    <div class="span12">
        <div class="row-fluid" data-duration='5000' data-gap='10' data-dupilcated='true'>
            <div class="row marquee">
            <div class="span3" align="center">level 2 column and ger more variables</div>
            <div class="span3" align="center">level 2 column</div>
            <div class="span3" align="center">level 2 column</div>
            <div class="span3" align="center">level 2 column</div>
            </div>
        </div>
    </div>
</div>

My script.js is: enter image description here

2

First thing's first:

do not import an unofficial jQuery library forked by someone!

Now, when importing any script, you should always define the root of your site using JUri::root(). You should also use Joomla's JHtml method. So replace this:

$document->addStyleSheet('modules/mod_marquee/css/style.css');
$document->addScript('modules/mod_marquee/js/jquery-2.1.1.min.js');
$document->addScript('modules/mod_marquee/js/jquery.marquee.min.js');
$document->addScript('modules/mod_marquee/js/script.js');

with this:

JHtml::_('stylesheet', JUri::root() . 'modules/mod_marquee/css/style.css');
JHtml::_('script', 'http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js');
JHtml::_('script', JUri::root() . 'modules/mod_marquee/js/jquery.marquee.min.js');
JHtml::_('script', JUri::root() . 'modules/mod_marquee/js/script.js');

I'm not sure which version of Joomla you're using by take a look at my answer on another question to import jQuery properly

As for you script, try using this at the beginning instead:

jQuery(window).on('load', function($) {

else try using:

jQuery(document).ready(function($) {
  • Thank you so much bro @lodder i follow your procedure i got the result.I simply add this jQuery(document).ready(function($) { in my script.js. – reegan29 Jul 18 '14 at 10:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.