I have tried to figure this out for 2 days now reading every post on 10 or 12 sites including this one. Can someone tell me what i did wrong here? I am calling the first jQuery library and implimenting noconflict and still the first jquery plugin will not load.
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type='text/javascript'>
var $jq170 = jQuery.noconflict();
</script>
<script src="assets/js/jquery.knob.js"></script>
<script src="assets/js/jquery.ccountdown.js"></script>
<script src="assets/js/init.js"></script>
<!--[if lte IE 7]><script src="assets/css/lte-ie7.js"></script><![endif]-->
<!-- Main Jquery & Hover Effects. Should load first -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="assets/js/hover_pack.js"></script>
<!-- Bootstrap core CSS --> \
<link href="assets/css/bootstrap.css" rel="stylesheet">
You are trying to use $ after assigning the first version to $jq170.
In order to continue using $ you would need to do:
$jq170(function($){
/* can use "$" here and it will be the same as "$jq170" */
});
It is most likely that you could use the newer version only and replace the first version so you only include jQuery once in the page.
If plugins are failing in 1.7 when switching to 1.10 it is possible that the migrate plugin may help also. See jQuery downloads