Using two different versions on same page - avoiding conflicts
Can someone please tell me how I can get my plugins to work that use different versions of Jquery?
- #<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://www.mharrisweb.co.uk/wp-content/themes/skeleton/javascripts/responsiveslides.min.js"></script>
<script type="text/javascript">
var jQuery_1_8_2 = $.noConflict(true);
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mharrisweb.co.uk/wp-content/themes/skeleton/javascripts/jquery.capty.min.js"></script>
<script type="text/javascript">
var jQuery_1_5_2 = $.noConflict(true);
</script>
<script>
$(document).ready(function(){
$jQuery_1_5_2('#default').capty();
});
</script>
<script>
$(document).ready(function(){
// Slideshow 1
$jQuery_1_8_2("#slider1").responsiveSlides({
maxwidth: 800,
speed: 800
});
});
</script>
The code above gives me the following errors:
Timestamp: 07/11/2012 15:45:37
Error: TypeError: $ is not a function
Source File: file:///C:/Documents%20and%20Settings/harrisma/Desktop/demo.html
Line: 28
Timestamp: 07/11/2012 15:45:37
Error: TypeError: $ is not a function
Source File: file:///C:/Documents%20and%20Settings/harrisma/Desktop/demo.html
Line: 38
Timestamp: 07/11/2012 15:45:40
Error: Image corrupt or truncated: http://www.mharrisweb.co.uk/wp-content/themes/skeleton/bg.png
Source File: http://www.mharrisweb.co.uk/wp-content/themes/skeleton/bg.png
Line: 0