Wątek przeniesiony 2015-12-01 14:34 z Webmastering przez dzek69.

jQuery - podstawowa trudnosc

0

Trywialne pytanie:

Jesli mam taka instrukcje bezposrednio w pliku html:

	$("*").click(function(){
           $("*").hide();
        });

czyli po kliknieciu gdziekolwiek wszystko znika - wszystko dziala jak nalezy.

A jak teraz sprawic zeby wykonala sie dokladnie ta sama instrukcja tyle ze umieszczona w oddzielnym pliku js ?
Bo kiedy wklejam do oddzielnego pliku js (tak, jest podana sciezka do niego w html):

	$("*").click(function(){
           $("*").hide();
        });

to nic sie nie dzieje po kliknieciu gdziekolwiek. Co pomijam ?

0

Pokaż jak podajesz ścieżkę w htmlu.

0

@datdata:

<script type="text/javascript" src="js/skrypty.js"></script>
0

Ten plik trzeba później dodać w index.html, pomiędzy <head></head>, wiesz o tym, prawda?

<script  src="sciezka/do/pliku.js"></script>
0

Na froncie jestem od wielkiego dzwonu, ale coś czuję, że trzeba tutaj użyć

https://learn.jquery.com/using-jquery-core/document-ready/

0

Otwórz konsole w przeglądarce, zobacz czy nie masz błąd 404 przy probie załadowania tego pliku. Jeśli tak, ścieżka jest niepoprawna.

0

@datdata: dodalem dokladnie taki zapis w pliku js:

$(document).ready(){
$("*").click(function(){
           $("*").hide();
        });
};

dalej nie dziala

0

@shagrin - nie ma takiego bledu, sciezka jest poprawna

0

@shagrin, @datdata :
tak jak pisalem w konsoli pojawia sie:

SyntaxError: missing ; before statement skrypty.js19

0

@Piterski nawet nie wszedłeś w link, który Ci podał @datdata (tylko bezmyślnie przepisałeś) bo byś się zorientował, gdzie jest błąd.

$(document).ready(function(){
    $("*").click(function(){
        $("*").hide();
    });
});    

// Skrócona wersja
$(function() {
    $("*").click(function(){
        $("*").hide();
    });
});

Zanim zaczniecie korzystać z ulatawień bibliotek takich jak jQuery to poznajcie w stopniu podstawowym język z którego korzystają.

0

$ -> jQuery (biblioteka), dodaj do swojego projektu w taki sam sposób jak swój skrypt js (przed skryptem).
np:

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

lub pobierz z http://jquery.com/download/

0 
<!DOCTYPE html>
<html>
<head>
	<title>Dummy template</title>
</head>
<body>

<script type="text/javascript" src="/path/to/jquery/FIRST"></script>
<script type="text/javascript" src="/path/to/script/SECOND"></script>
</body>
</html>
0

ahh zadzialalo! Do tej pory kod:

<script type="text/javascript" src="js/skrypty.js"></script>

mialem w headzie - a teraz przerzucilem na koniec body i dziala. A bylem pewien ze czytalem ze mozna tez umiescic w headzie...

1 użytkowników online, w tym zalogowanych: 0, gości: 1