Javaskript nie działa


(Jakubo2020) #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 :frowning:


(rycerz2000) #2

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:


(Jakubo2020) #3

Jak wkleję ten kod to strona nie chcę się załadować i widać pustą stronę :frowning:


(cinkibolek) #4

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.


(Jakubo2020) #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


#6

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>

(Jakubo2020) #7

temat do zamknięcia