[jQuery] jQuery("ul.lavaLamp").hoverIntent is not a function
Hello
I have a problem with hoverIntent function. For some reason i get
error mentioned in subject. I know jquery conflicts with prototype in
this case so i used jquery noconflict. For some reason hoverIntent
function still does not work.
I changed hoverintent.js to have jQuery instead of $ in it - still no
luck.
My file has such scripts:
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/jquery-1.3.2.js"></script>
{literal}
<script type="text/javascript">
jQuery.noConflict();
</script>
{/literal}
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/jquery.easing.min.js"></script>
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/jquery.hoverIntent.js"></script>
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/
js/init.js"></script>
Somewhere down the line CMS inserts prototype.js but i dont think it
is important atm.
Hoverintent is beeing used like this in init.js :
jQuery("ul.lavaLamp").hoverIntent(function(){
jQuery(this).children("li").hoverIntent(function(){
jQuery(this).children("ul.levTwo").slideToggle('fast');
var el = jQuery(this);
movehere(el);
}, function(){
jQuery(this).children("ul.levTwo").slideToggle('fast');
}, 3, 100, 1000);
},function(){
var el = jQuery("li.active");
movehere(el);
}, 1, 1, 10);
Alan