• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
637 wizyt
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

+1 głos
odpowiedź 21 lipca 2015 przez Comandeer Guru (606,240 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 (606,240 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 (606,240 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 (606,240 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();
            });
        });

 

komentarz 21 lipca 2015 przez asfreestyle Obywatel (1,310 p.)
Problem rozwiązay, dziękuję!
+1 głos
odpowiedź 21 lipca 2015 przez HaKIM Szeryf (87,590 p.)

Zamień

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

na

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

http://www.w3schools.com/tags/att_script_src.asp

+1 głos
odpowiedź 21 lipca 2015 przez asfreestyle Obywatel (1,310 p.)
W kodzie mam poprawnie napisane blad wkradl sie na forum :P, dalej nie moge znalesc rozwiazania :/

Podobne pytania

0 głosów
2 odpowiedzi 388 wizyt
pytanie zadane 28 czerwca 2015 w Nasze projekty przez eliminati007 Nowicjusz (220 p.)
+4 głosów
4 odpowiedzi 918 wizyt
0 głosów
1 odpowiedź 235 wizyt
pytanie zadane 28 grudnia 2016 w HTML i CSS przez kubekzone Użytkownik (620 p.)

93,187 zapytań

142,203 odpowiedzi

322,023 komentarzy

62,513 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2581p. - dia-Chann
  2. 2537p. - Łukasz Piwowar
  3. 2528p. - Łukasz Eckert
  4. 2514p. - CC PL
  5. 2445p. - Łukasz Siedlecki
  6. 2443p. - rucin93
  7. 2252p. - Tomasz Bielak
  8. 2201p. - Michal Drewniak
  9. 2156p. - Marcin Putra
  10. 2152p. - Adrian Wieprzkowicz
  11. 2105p. - Mikbac
  12. 1941p. - Anonim 3619784
  13. 1733p. - rafalszastok
  14. 1480p. - Michał Telesz
  15. 1469p. - ssynowiec
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...