[Vitin]

Hej,

Jako że wystąpił mój ulubiony błąd (Undefined is not a function ( ͡° ͜ʖ ͡°)) może ktoś mi powie co jest nie tak :(

http://jsfiddle.net/w2cypr3b/

JSfiddle jakoś ciągnie skrypt dalej i div się porusza, natomiast na czystym localhoście nie działa wcale (╥﹏╥)

(od 47 linii zaczyna się "ten" fragment kodu)

#webdev #naukaprogramowania #znowuniewiem #javascript #jquery

[banditpanda]

podmień odwołanie do jQuery

[npsr]

@Vitin: i tak przy okazji skrypty wrzucamy przed zamknięciem body a nie do head

[Vitin]

@npsr: Dlaczego?

[Vitin]

@banditpanda: Cały czas "undefined is not a function" :(

[banditpanda]

@Vitin: Vitin, odpalasz statyczny plik html? czyli klikasz 2razy i w przeglądarce otweira Ci się file:///C:/Users/index.html?

czy masz jakiś serwer WAMP? na jsfiddle automatycznie dodawana jest biblioteka jQuery, dlatego tam to działa.

[Vitin]

@banditpanda: localhost:63342/index.html (otwieram prosto z WebStorma). U mnie(po przeniesieniu main.js do body) też działa, ale cały czas w konsoli jest błąd "undefined is not a function) :(

[banditpanda]

@Vitin: @npsr naprowadził Cię na dobrą praktykę - zauważ, że w jQuery czekasz na event .ready() który jest odpalany w momencie gdy cała strona zostanie "namalowana" czyli trzymanie go w headzie nie ma sensu. Chyba, że specyfikacja stanowi inaczej.

Nie wiem co chcesz osiągnąć ale jeśli chcesz poćwiczyć tworzenie gier najlepiej przeklikaj jakieś tutoriale typu -> http://css-tricks.com/learn-canvas-snake-game/ itp. a sam javascript -> http://bonsaiden.github.io/JavaScript-Garden/pl/

[D.....k]

@Vitin: no i weź usuń dwa zamknięcia w 10 linijce

[Vitin]

@banditpanda: Chcę pozbyć się tego irytującego błędu :( Samo document.ready() na końcu main.js także zwraca błąd, mimo że jquery jest załadowane na 100% :(

[banditpanda]

@Vitin: dodatkowo warto wrzucić kod do jakiegoś validatora online np -> http://www.jslint.com/ który podpowie co można poprawić, albo co jest źle.

[Wykopowicz_Ryan]

@Vitin:

$(document).ready(function (){

Animate.move("right");

});

[Vitin]

@Wykopowicz_Ryan: Dziękuje, działa, potrafisz mi jednak wytłumaczyć dlaczego nie wystarczy jedynie document.ready(Animate.move("right"))? :)

[banditpanda]

@Vitin: http://jsfiddle.net/w2cypr3b/5/

[Vitin]

@Wykopowicz_Ryan: @banditpanda: Jejku, jestem debilem bo zgubiłem "$" przed document xDD Dziękuje ślicznie Wam wszystkim, działa :D

[banditpanda]

@Vitin: Nie tylko, nie ma takiej składni jak stworzyłeś. Jeśli chciałbyś to zrobić bez jQuery musiałbyś odwołać się w ten sposób

document.addEventListener("DOMContentLoaded", function(event) {

//do

[Vitin]

@banditpanda: $(document).ready(wywolaniewczesniejszejfunkcji()); - ja tak zawsze robiłem i działało :)

[Wykopowicz_Ryan]

@Vitin: Nie ma sprawy. W jsfiddle nawet gdy wywołasz nieistniejącą metodę instniejącego obiektu a wewnątrz jako argument podasz odwołanie do istniejącej metody, istniejącego obiektu to ta druga się wykona.

Dlatego na jsfiddle działało a na localu nie.