Why isn't my JQuery working properly? (scrolling news ticker)

Question

I did everything in this tutorial: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

It should be pretty simple.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
<script language="text/javascript" src="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/jquery.li-scroller.1.0.js"&gt;&lt;/script&gt;
<link href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/li-scroller.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
    $(function(){
        $("#ticker01").liScroll();
    });

</script>
<ul id="ticker01" class="newsticker">
        <li>
           abc
        </li>
        <li>
           xyz
        </li>
</ul>

Answer 1

You have a typo in line with:

<script language="text/javascript" src="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/jquery.li-scroller.1.0.js"&gt;&lt;/script&gt;

try to change:

language="text/javascript" -> type="text/javascript"

and everything will work well!

Answer 2

Firstly, change your second script tag to have a 'type' attribute, not a 'language' attribute; this might well be the problem. Secondly, I've had a look at the javascript for the plugin and it inserts the 'class="newsticker"' attribute into the ul (without checking whether it's already there) so that might be causing issues too.