jquery.marquee.js can not run with angularjs

Question

i'm a newbie of AngularJS (using v1.5) anh now I have a problem: I use javascript jquery.marquee (https://aamirafridi.com/jquery/jquery-marquee-plugin) in html same that:

<script type="text/javascript">
    $(document).ready(function () {
        $('.marquee').marquee({
            duration: 5000,
            gap: 50,
            delayBeforeStart: 0,
            direction: 'up',
            duplicated: true
        });
    });
</script>

but it shows error "marquee is not a function" (as image that I have attached)

i have putted it in html:

<script src="//cdn.jsdelivr.net/jquery.marquee/1.4.0/jquery.marquee.min.js" 
        type="text/javascript">
</script>

How to resolve it?

i have putted it in html: <script src="//cdn.jsdelivr.net/jquery.marquee/1.4.0/jquery.marquee.min.js" type="text/javascript"></script> — Kid1412
– Kid1412, Commented Nov 16, 2019 at 15:30
Directly enter marquee on console & check if the object exists or not. — Atul Sharma
– Atul Sharma, Commented Nov 16, 2019 at 15:32
i have a <div> tag with class = "marquee" and it always exitst — Kid1412
– Kid1412, Commented Nov 16, 2019 at 15:40
Please add code and errors as text (using code formatting), not images. Images: A) don't allow us to copy-&-paste the code/errors for testing; B) don't permit searching based on the code/error contents; and many more reasons. In general, code/errors in text format are much, much better than code/errors as an image, which are somewhat better than nothing. Images should only be used, in addition to text in code format, if having the image adds something significant that is not conveyed by just the text code/error. — Makyen
– Makyen ♦, Commented Nov 17, 2019 at 16:13

Wang Liang · Accepted Answer · 2019-11-16 17:03:48Z

0

Just try using $.noConfilct() function:

<script type="text/javascript">
    $.noConflict();
    $(document).ready(function () {
        $('.marquee').marquee({
            duration: 5000,
            gap: 50,
            delayBeforeStart: 0,
            direction: 'up',
            duplicated: true
        });
    });
</script>

edited Nov 16, 2019 at 17:03

Wang Liang

4,4527 gold badges26 silver badges50 bronze badges

answered Nov 16, 2019 at 15:35

Prabhjot Singh Kainth

1,8712 gold badges19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

georgeawg · Accepted Answer · 2019-11-17 16:43:48Z

0

Load the jquery library before loading the marquee plugin:

$(document).ready(function () {
    $('.marquee').marquee({
        duration: 5000,
        gap: 50,
        delayBeforeStart: 0,
        //direction: 'up',
        duplicated: true
    });
});

<script src="//unpkg.com/jquery"></script>
<script src="//unpkg.com/jquery.marquee"></script>

<div class='marquee'>Lorem ipsum dolor sit amet, consectetur adipiscing elit END.</div>

answered Nov 17, 2019 at 16:43

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Collectives™ on Stack Overflow

jquery.marquee.js can not run with angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related