Please Help
Please Help
Hello,
I know nothing about Jquery but am going to take an online course.
But right now I have an issue where 2 jquery scripts don't work together.
I can change the 1st library to 1.9 and it works but not with the 2nd call for it and I don't know how to solve it.
How can this section of code be written so both call for 1.9 and work together?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.3.0.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<script>
Modernizr.load([
{
load: [
'http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js',
'_scripts/klass.min.js',
'_scripts/code.photoswipe.jquery-3.0.5.js',
'_scripts/desolve.js'
],
complete: function() {
var myPhotoSwipe = $("#photoGallery a").photoSwipe({});
}
},
{
// test for media query support, if not load respond.js
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : '/js/respond.js'
},
{
//test to see if it's a bigger screen, if so load lettering
test : Modernizr.mq('only all and (min-width: 481px)'),
// load lettering.js if it is a larger screen
yep : { 'bigscreen' : '_scripts/jquery.lettering-0.6.min.js' },
// after loading lettering, target the galleryTitle with the lettering library
callback: function (url, result, key) {
// if lettering was the file loaded, execute this script
if (key == 'bigscreen') {
$(document).ready(function() {
//apply the lettering function
$(".galleryTitle").lettering();
});
}
}
}
]);
</script>
Thank you for taking the time to look and hopefully someone has the answer.