• 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
66 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,960 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 Użytkownik (510 p.)
0 głosów
1 odpowiedź 90 wizyt
pytanie zadane 7 lipca 2016 w JavaScript, jQuery, AJAX przez Misieq10 Początkujący (250 p.)
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

64,934 zapytań

111,406 odpowiedzi

234,470 komentarzy

46,767 pasjonatów

Przeglądających: 106
Pasjonatów: 2 Gości: 104

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.

...