• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z kodem w JavaScript

0 głosów
65 wizyt
pytanie zadane 12 marca 2016 w JavaScript, jQuery, AJAX przez GaCeL Dyskutant (7,570 p.)
zmienione kategorie 12 marca 2016 przez Arkadiusz Waluk

Nie mam zielonego pojęcia dlaczego ten kod działa na JSFiddle a na moim komputerze ani rusz, pomóżcie:

HTML

<div class="text-container">
    <h1>Title goes here</h1>
    <h2>Subtitle</h2>
    <div class="content hideContent">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
        <p>Some more text</p>
        <ul>
            <li>Some more text</li>
            <li>Some more text</li>
            <li>Some more text</li>
        </ul>
    </div>
    <div class="show-more">
        <a href="#">Show more</a>
    </div>
</div>

CSS:

div.text-container {
    margin: 0 auto;
    width: 75%;    
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}
.showContent{
    height: auto;
}

h1 {
    font-size: 24px;        
}
p {
    padding: 10px 0;
}
.show-more {
    padding: 10px 0;
    text-align: center;
}

JS:

$(".show-more a").on("click", function() {
    var $this = $(this); 
    var $content = $this.parent().prev("div.content");
    var linkText = $this.text().toUpperCase();    
    
    if(linkText === "SHOW MORE"){
        linkText = "Show less";
        $content.switchClass("hideContent", "showContent", 400);
    } else {
        linkText = "Show more";
        $content.switchClass("showContent", "hideContent", 400);
    };

    $this.text(linkText);
});

 

2 odpowiedzi

0 głosów
odpowiedź 12 marca 2016 przez radek024 Maniak (65,080 p.)
Podpiąłeś biblotekę jQuery? Pamiętaj, aby link do niej był wyżej niż Twój skrypt.
komentarz 12 marca 2016 przez GaCeL Dyskutant (7,570 p.)
Oczywiście że podpiąłem.
0 głosów
odpowiedź 12 marca 2016 przez Ivan Maniak (60,950 p.)
Jeżeli działa na JSFiddle, a nie działa na twoim komputerze to zgaduję, że nie jest to problem napisanego kodu.
Sprawdź konsole F12 -> Konsola [Chrome] i sprawdź czy nie ma żadnych błędów.
komentarz 12 marca 2016 przez GaCeL Dyskutant (7,570 p.)
Uncaught SyntaxError: Unexpected token ILLEGAL

Podobne pytania

0 głosów
1 odpowiedź 63 wizyt
pytanie zadane 25 stycznia w JavaScript, jQuery, AJAX przez kuba1245677 Początkujący (490 p.)
0 głosów
1 odpowiedź 87 wizyt
pytanie zadane 7 lipca 2016 w JavaScript, jQuery, AJAX przez Misieq10 Początkujący (250 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

62,398 zapytań

108,540 odpowiedzi

226,577 komentarzy

35,625 pasjonatów

Przeglądających: 151
Pasjonatów: 8 Gości: 143

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...