Search code examples
jqueryjscrollpanejquery-jscrollpane

too many jquery docs in one page no conflict not working


I could be way off base here but I have this site http://ephemurl.com/4w/5ty and I think the reason the fancy jScrollpane plugin isn't working is due to an excessive amount of jQuery on that page, I hope this makes sense. I just need help trying to get these all to work nicely together..

Any ideas? and they are all needed
http://code.jquery.com/jquery-latest.min.js
http://ephemurl.com/4w/5tz
http://ephemurl.com/4w/5u1
http://ephemurl.com/4w/5u2
http://ephemurl.com/4w/5u3
http://ephemurl.com/4w/5u4


Solution

  • .noConflict() tells your jQuery to let go of the $ variable for other libraries. Your about-tabs.js is using $ though, so that's definitely going to throw an error.

    The easiest way to fix this is to change

    $(document).ready(function(){
    

    to

    jQuery(function($){
    

    This way, you can still use $ inside your ready function (so you don't have to change anything else.