Multiple jquery scripts

JavaScript
1

Hi There,
I added a jquery megamenu to my site, but now my thichbox script is not working correctly. I have been pulling my hair out trying to get it to work. I added a noconflict statement and changed $ to jQuery in my jquery.js file, but it is still not working correctly. Any help would be greatly appreciated. Thanks!

http://www.homecomforts.com/yosemite…-oy-sk2550.htm

<script type=“text/javascript” src=“http://homecomforts.com/js/jquery.js”></script>
<script type=“text/javascript” src=“http://homecomforts.com/js/thickbox.js”></script>
<script>
jQuery.noConflict(); </script>

<link href=“http://www.homecomforts.com/js/thickbox.css” rel=“stylesheet” />

<script type=“text/javascript” src=“/js/efriend.js”></script>
<script type=“text/javascript” src=“http://homecomforts.com/js/jquery.min.js”></script>
<script type=“text/javascript” src=“http://homecomforts.com/js/jquery.hoverIntent.minified.js”></script>
<script type=“text/javascript” src=“http://homecomforts.com/js/megamenu.js”></script>

2

The link above is broken, so I can only go by the code you’ve posted.

The purpose of jQuery.noConflict() is not to prevent conflicts within jQuery code but to allow other javascript libraries to use $ as a function or variable name without conflicting with jQuery’s use of $. As you’ve made no mention of using other libraries alongside jQuery, there seems no need for it in your code.

See http://api.jquery.com/jQuery.noConflict/

Move the link to the thickbox.css stylesheet above your script elements.

Remove the script element that’s redundantly including a second, minified version of the jQuery library.

The end result:

<link href="http://www.homecomforts.com/js/thickbox.css" rel="stylesheet" />

<script type="text/javascript" src="http://homecomforts.com/js/jquery.js"></script>
<script type="text/javascript" src="http://homecomforts.com/js/thickbox.js"></script>
<script type="text/javascript" src="/js/efriend.js"></script>
<script type="text/javascript" src="http://homecomforts.com/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="http://homecomforts.com/js/megamenu.js"></script>

See how that works out.