Ok, na początek stworzyłem oś czasu na codepen. Oto działający link: https://codepen.io/morganjaggers/pen/VwYmKra

Sprawdź powyższy link, aby uzyskać pełny kod

Html:

<section class="timeline">
<ul>
<li>
<div>
<time>1989</time> We began our family run business creating small travel packages for 
independent travellers to visit areas within the UK.
</div>
</li>
<li>
<div>
<time>1997</time> We expanded out, connecting to other supliers to created packages outside 
of Europe.
</div>
</li>
<li>
<div>
<time>2003</time>We won awards and became more established as a company.
</div>
</li>
<li>
<div>
<time>2010</time>We started searching for cheaper deals, focusing on those looking for a 
budget holiday.
</div>
</li>
<li>
<div>
<time>2017</time>We become what we are now known today as TravelTipsForLess.
</div>
</li>
</ul>
</section>

Jednak kiedy koduję i wklejam DOKŁADNIE każdy plik do mojego dokumentu ATOM, to nie działa. Pokazuje oś czasu i kropki, ale JS nie działa, a kod HTML się nie pojawia?

Czy ktoś wie, dlaczego działa w Codepen, ale nie kiedy go eksportuję?

0
M Jaggers 16 grudzień 2019, 22:34
Umieszczam je wszystkie w zewnętrznych plikach i poprawnie odwołuję CSS i JS w tagu head w HTML. Działał w innych projektach, ale ten zapomina o HTML
 – 
M Jaggers
16 grudzień 2019, 22:47

1 odpowiedź

Codepen nie wymaga używania tagów <script> lub <style> w swoim środowisku piaskownicy.

Musisz umieścić javascript wewnątrz <script></script>, a CSS wewnątrz <style></style>, używając poniższego formatu.

Zapisz plik jako dokument HTML, a następnie możesz go wyświetlić w przeglądarce.

<!DOCTYPE html>

<head>
    <title>Example</title>
    <style>
        // CSS HERE
    </style>
</head>

<body>

    // HTML HERE

    <script>
        // JAVASCRIPT HERE
    </script>
</body>

</html>
0
paddyfields 16 grudzień 2019, 22:45
Cześć, więc poprawnie zrobiłem format. Działał z innymi plikami, ale ten nie będzie.
 – 
M Jaggers
16 grudzień 2019, 22:50
Cześć, właśnie próbowałem skopiować każdy z fragmentów css, html i js z twojego Codepen do powyższego szablonu i ładuje się dla mnie idealnie. Więc jeśli twój css i js są zewnętrzne, musi to być problem z odniesieniami do plików
 – 
paddyfields
16 grudzień 2019, 22:54