Forum PHP.pl > [HTML][JavaScript]JQuery nie dziąła

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]JQuery nie dziąła

MESSIAH :)

21.03.2015, 17:02:41

Mam taki kod i nie diała na localhost

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
 
    <style>
.moj_div {
    display:none;
    border: 1px solid red;
}
.debug {
    display: inline;
    border: 1px solid gray;
}
</style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>$('.debug').on('click', function() {
    $('.moj_div').toggle('slow');
});</script>
 
</head>
<body>
<div class="moj_div">
    <?php var_dump( $_POST ); ?>
    tresc z php
</div>
<div class="debug">
    debug
</div>
</body>
</html>
[HTML] pobierz, plaintext

Kshyhoo

21.03.2015, 17:04:16

EDIT: zonk

ikssde

21.03.2015, 17:56:35

Włącz konsole i sprawdź błędy, będziesz wiedział dlaczego nie działa.

MESSIAH :)

21.03.2015, 22:34:23

Konsola nie pokazuje błędów. Wygląda na to że kod js nie zzostaje uruchomiony:

[HTML] pobierz, plaintext 
 <script>$('.debug').on('click', function() {
$('.moj_div').toggle('slow');
});</script>
[HTML] pobierz, plaintext

Co z tym kodem jest nie tak?

10log

21.03.2015, 22:43:52

Cytat(MESSIAH :) @ 21.03.2015, 22:34:23 )

Konsola nie pokazuje błędów. Wygląda na to że kod js nie zzostaje uruchomiony:

[HTML] pobierz, plaintext 
 <script>$('.debug').on('click', function() {
$('.moj_div').toggle('slow');
});</script>
[HTML] pobierz, plaintext

Co z tym kodem jest nie tak?

Umieść to w $(document).ready(function(){}); albo daj ten skrypt na końcu htmla. Instalujesz handler kliknięcia przed tym zanim jakikolwiek element z klasą .debug jest załadowany.

ShaggyAG

21.03.2015, 22:44:43

przenies

[PHP] pobierz, plaintext 
        <script>$('.debug').on('click', function() {
    $('.moj_div').toggle('slow');
    });</script>
[PHP] pobierz, plaintext

pod

[PHP] pobierz, plaintext 
    <div class="debug">
    debug
    </div>
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.