Chcę wdrożyć js loadera ale dostaję błąd ReferenceError: jQuery is not defined ...$(document).ready(function() {...boxy.js (wiersz 2)
kod w head wygląda tak:
<script type="text/javascript" src="http://www.xxx.pl/red/jsl.min.js"> jsl.add("http://www.xxx.pl/cookies.js", 9); jsl.add("http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js", 1); jsl.add("http://xxx.pl/jquery.js", 1); jsl.add("http://www.xxx.pl/js/jquery-1.4.3.min.js", 2); jsl.add("http://www.xxx.pl/fancybox/jquery.mousewheel-3.0.4.pack.js", 7); jsl.add("http://www.xxx.pl/fancybox/jquery.fancybox-1.3.4.pack.js", 3); jsl.add("http://www.xxx.pl/js/jquery.easing.1.3.js", 6); jsl.add("http://www.xxx.pl/js/jquery.bxSlider.min.js", 4); jsl.add("http://www.xxx.pl/js/boxy.js", 8); jsl.load(); </script>
gdzie cyfra po ścieżce oznacza kolejność dependency.
css są ściągane powyżej (na razie) bez loadera.
Generalnie ten loader działa i manipulowanie różnymi dependency daje błędy przy kolejnych skryptach. W konfiguracji jak powyżej, jest błąd tylko dla boxy.js, który wygląda tak:
$(document).ready(function() { $("#email").fancybox({ 'titlePosition' : 'inside', 'transitionIn' : 'none', 'transitionOut' : 'none' }); $("a.lightbox").fancybox({ openEffect : 'none', closeEffect : 'none' }); $('#slajdy').bxSlider({ ticker: true, tickerSpeed: 2500 }); $("#google").fancybox({ 'modal' : true }); });
Gdy skrypty ładowane do <head> synchronicznie, po kolei (bez loadera), wszystko działa.
Tak że proszę o pomoc
Zmieniłem loudera na head.js i wszystko śmiga