hoverIntent() not a function

celwell picture celwell · Aug 1, 2011 · Viewed 15.4k times · Source

I can't seem to get hoverIntent plugin to work. It's definitely loading jQuery and hoverIntent. But, .hoverIntent() is "not a function". (.hover() works fine).

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#portfolio-circle').hoverIntent(
        function() {
            $('#portfolio-hover').fadeTo('normal', 1);
            $('#portfolio-caption').fadeTo('normal', 1);
        },
        function() {
            $('#portfolio-hover').fadeTo('normal', 0);
            $('#portfolio-caption').fadeTo('normal', 0);
        }
    );
});
</script>

Answer

shashi picture shashi · Aug 1, 2011

Check whether you are referencing two different versions of jquery by mistake. I faced a similar error with jqueryui where everything was loading fine, but I realized later that there were two different versions of jquery being referenced.