Na swojej stronie internetowej mam:
1. Sticky Plugin ( http://stickyjs.com ), który pozwala przytrzymać mi np. header u góry przeglądarki oraz który wymaga jQuery JavaScript Library v1.4.2 ( http://ajax.googleapis.com/ajax/libs/jquer...2/jquery.min.js )
2. Flexslider by WooThemes ( www.woothemes.com/flexslider/ ), który pozwala mi stworzyć slider ze zdjęciami/bannerami oraz który wymaga jQuery v1.9.1 ( http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js ).
3. jQuery.ScrollTo i jQuery.LocalScroll Ariel Flesler'a.
Problem polega na tym, że jak w kodzie zaimportowany skrypt od Sticky a potem od Flex to nie działa mi Sticky (oraz ScrollTo/LocalScroll), a działa mi Flex. A jak zamienię miejscami zaimportowane skrypty dzieje się na odwrót. Działa Sticky (ScrollTo/LocalScroll) a Flex nie działa.
Wiecie może jak to ze sobą zgrać, żeby się nie gryzło?
@Edit
Oba pluginy działają osobno pod jQuery v1.11.0 oraz 2.1.0, ale gdy zaimportuje się plugin tylko raz to i tak nie działa jedna z rzeczy
Obecnie mam tak:
Kod
<!-- STICKY PLUGIN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#header").sticky({ topSpacing: 0 });
});
</script>
<!-- Koniec STICKY PLUGIN -->
<script src="js/jquery_006.js"></script>
<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery_005.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery_002.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<!-- FLEX SLIDER -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<script defer src="js/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>
<!-- KONIEC FLEX SLIDER -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#header").sticky({ topSpacing: 0 });
});
</script>
<!-- Koniec STICKY PLUGIN -->
<script src="js/jquery_006.js"></script>
<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery_005.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery_002.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<!-- FLEX SLIDER -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<script defer src="js/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>
<!-- KONIEC FLEX SLIDER -->