Problem z podpięciem kodu js (odc 3 kurs css).

pytanie zadane 21 lipca 2015 w HTML i CSS przez asfreestyle Obywatel (1,310 p.)

Witam mam problem podpięciem skryptu, kod jquery mam bardzo zbliżony do Mirosława, jeśli napisze w html caly kod w znacznikach <skrypt></skrypt> działa poprawnie, lecz ja chce miec kod jquery w osobnym pliku, nazwałem go sticky.js, teraz moje pytanie jak go podpiac do pliku html by dzialal poprawnie i gdzie go podpiac w body czy w head-dzie, próbowałem na różne sposoby <skrypt src="sticky.js"></skrypt> niestety bez rezultatów. Udzieli ktoś odpowiedzi jak to podpiąć?

Pozdrawiam Artur.

3 odpowiedzi

odpowiedź 21 lipca 2015 przez Comandeer Guru (600,810 p.)
wybrane 21 lipca 2015 przez asfreestyle

Najlepsza

Konsola coś rzuca?

komentarz 21 lipca 2015 przez asfreestyle Obywatel (1,310 p.)


<div class="nav">
				<ol>
					<li><a href="#">Strona Główna</a></li>
					<li><a href="#">Program </a></li>
					<li><a href="#">Certyfikat </a></li>
					<li><a href="#">Regulamin </a></li>
					<li><a href="#">Certyfikat</a></li>
					<div style="clear:both;"></div>	
				</ol>	
		</div>
		

		
		<div id="content">	
		</div>
		
		<div id="footer">
		</div>
		
		<script src="jquery-1.11.3.min.js"></script>

<script src="sticky.js"></script>

tak wyglada kod w html

<script src="jquery-1.11.3.min.js"></script>

<script>
		$(document).ready(function(){
			var navY = $('.nav').offset().top;
			
			var stickyNav = function(){
				var scrollY = $(window).scrollTop();
				
				if(scrollY > navY)
				{
					$('.nav').addClass('sticky');
					$('.content').css('padding-top', '70px');
				}
				else
				{
					$('.nav').removeClass('sticky');
					$('.content').css('padding-top', '10px');
				}
			};
			
			stickyNav();
			
			$(window).scroll(function(){
				stickyNav();
			});
		});

</script>

tak wyglada skrypt

komentarz 21 lipca 2015 przez Comandeer Guru (600,810 p.)

Polecam sprawdzić co rzuca konsola (prawdopodobnie pod F12 ją znajdziesz).

Skrypt JS ma zawierać sam kod JS - bez żadnych wstawek HTML-owych.

komentarz 21 lipca 2015 przez asfreestyle Obywatel (1,310 p.)

konsola wyrzuca error : Uncaught SyntaxError: Unexpected token

komentarz 21 lipca 2015 przez Comandeer Guru (600,810 p.)

Skrypt JS ma zawierać sam kod JS

komentarz 21 lipca 2015 przez asfreestyle Obywatel (1,310 p.)

Wiesz jak to poprawić? Nie za bardzo bawiłem sie w te klocki z JS :/ .

komentarz 21 lipca 2015 przez Comandeer Guru (600,810 p.)

No zostawić w pliku JS sam kod JS…

$(document).ready(function(){
            var navY = $('.nav').offset().top;
             
            var stickyNav = function(){
                var scrollY = $(window).scrollTop();
                 
                if(scrollY > navY)
                {
                    $('.nav').addClass('sticky');
                    $('.content').css('padding-top', '70px');
                }
                else
                {
                    $('.nav').removeClass('sticky');
                    $('.content').css('padding-top', '10px');
                }
            };
             
            stickyNav();
             
            $(window).scroll(function(){
                stickyNav();
            });
        });