jakub567
6 Sierpień 2015 12:56
#1
cześć, mam problem. Przekopiowałem: http://codepen.io/skrippi/pen/laKpk na 3 pliki: index.php style.css i skrypt.js i wczytuje się css a javaskrypt niechce ruszyć możecie pomóc?
index.php:
<!DOCTYPE html PUBLIC />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="skrypt.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<div class="panel">
<div class="toggle">
<div class="open">
<img src="http://www.abload.de/img/plus6jcm3.png" alt="">
<a href="#">Open Spoiler</a>
</div>
<div class="close" style="display:none;">
<img src="http://www.abload.de/img/minuswfdlk.png" alt="">
<a href="#">Close Spoiler</a>
</div>
<div class="content" style="display:none;">Spoiler content</div>
</div>
style.css i skrypt.js nie ruszałem
Nigdy nie korzystałem z tej strony ale na pierwszy rzut oka widzę że w kodzie js użyto jQuery a żeby kod napisany w jQuery działał trzeba dołączyć odpowiedni nagłówek. Dodaj ten kod do sekcji head w pliku index.php:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
I oprócz tego zmień plik skrypt.js na:
jakub567
6 Sierpień 2015 15:44
#3
Jak wkleję ten kod to strona nie chcę się załadować i widać pustą stronę
Więc pokaż co wkleiłeś, jak wkleiłeś i gdzie wkleiłeś, bo pewnie coś źle zrobiłeś. W zgaduj zgadule się raczej nikt bawił nie będzie.
jakub567
6 Sierpień 2015 17:38
#5
<!DOCTYPE html">
<head>
<meta http-equiv="test" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="skrypt.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"/>
</head>
ok sam sobie poradziłem wystarczy zmienić jsquery wersje z 1.11.3 na 1.11.1
Popraw nagłówek, zawsze pierwsze odwołanie jest do jQuery potem do własnego skryptu.
<!DOCTYPE html">
<head>
<meta http-equiv="test" content="text/html; charset=utf-8" />
<title>test</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js”/></script>
<script src="skrypt.js"></script>
</head>
