Jquery error/conflict in SobiPro and MegaMenu

Question

The mega menu doesn't work on SobiPro pages on my Joomla 2.5 install. I have been trying to find if there is a conflict but no luck so far. Firebug throws up the following error which i have tried to amend but again no luck:

TypeError: $(...).megamenu is not a function
'justify': 'left'

This relates the following area of javascript:

<script type="text/javascript">
jQuery(function($){
    $('#meganavigator').megamenu({
        'wrap':'#yt_menuwrap .container',
        'easing': 'jswing',
        'speed': '500',
        'justify': 'left'
    });
}); 
</script>

Should I surround .megamenu like this: $('.megamenu') ?

How do I go about finding the conflict (if there is one) and rectifying it?

Any help is greatly appreaciated. The menu works fine on standard conntet pages etc. Thanks

Answer 1

Do you have a link? Without that it's hard to say for sure. My guess would be that both Sobipro and MegaMenu are loading different versions of jQuery which is causing a conflict. Before I spent too much time messing with this, I would install jQuery easy. This will clean up all of the instances of jQuery being loaded and put everything in to no conflict mode. The default parameters are generally enough to solve most problems but you might need to mess with it a little.

http://extensions.joomla.org/extensions/core-enhancements/performance/jquery-scripts/18327

Answer 2

I fixed by deleting the following line on components/com_sobipro/lib/js/jqnc.js:

SobiPro.setJq( jQuery.noConflict() );