Forum PHP.pl > [JavaScript][HTML]Problem z menu i jquery

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML]Problem z menu i jquery

adgad

20.03.2013, 22:04:49

Witam, mam dosyć dziwny problem. Mianowicie kod jQuery i html troche świruje. Oto kod o który chodzi:

Kod

<aside class="category">
    <header>
        <p>Kategorie</p>
    </header>
    <nav class="menu">
        <ul><li>pierwszy wiersz</a></ul>
        <ul><li>drugi wiersz</a></ul>
    </nav>

Kod

    $(document).ready(function() {
        $(".category p").click(function() {
            if ($(".menu").css("display") == "none") {
                $(".menu").css("display", "block");
            } else {
                $(".menu").css("display", "none");
            }
        });

    });

Może mi ktoś powiedzieć czy taki kod jest prawidłowy? i czy powinien działać? na przeglądarce nie działa, na jsfidle tak.
Natomiast kod:

Kod

<aside class="category">
    <header>
        <p>Kategorie</p>
    </header>
    <nav id="menu">
        <ul><li>pierwszy wiersz</a></ul>
        <ul><li>drugi wiersz</a></ul>
    </nav>

Kod

    $(document).ready(function() {
        $(".category p").click(function() {
            if ($("#menu").css("display") == "none") {
                $("#menu").css("display", "block");
            } else {
                $("#menu").css("display", "none");
            }
        });

    });

Ten kod działa zarówno w przeglądarce jak i na jsfidle. różnica to zamiast class id. Co ciekawe pierwsza wersja działała, tylko że robiłem zmiany i po comicie do svn przestało działać, pytanie tylko czemu?

Randallmaster

20.03.2013, 22:49:07

jquery również się uczę dlatego moja podpowiedź może nie być 100%

$(document).ready(function() { <-- z tego co wiem daje się to do formularzy.

zrób może:

$(function() {

A widzisz ta funkcję po kliknięciu:

[PHP] pobierz, plaintext 
$(function() {
        $(".category p").click(function() {
            alert('widzisz mnie?');
        });
 
    });
[PHP] pobierz, plaintext

princessa2013

20.03.2013, 22:51:25

a na jakiej przeglądarce pracujesz?

adgad

20.03.2013, 23:03:57

Pracuje na firefoxie. Ale ten kod mi działał, zmieniałem linki do css js I wtedy się popsulo, chciałem wrócić do poprzedniej wersji ale nic to nie dało bo wróciło mi kilka plików. Mi nie przeszkadza że jest id a nie class tylko chciałbym wiedzieć dlaczego to nie działa, dlaczego działa na jsfidle? Może ktoś zobaczyć term kod u siebie?
@Randallmaster skoro działa wersja z id to jaki wpływ ma to document ready na class? Wydaję mi się że to nie oto chodzi. Ale sprawdzę to co napisałeś.

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.