[HTML][JavaScript]jQUERY nie działa kod z tutoriala.

[HTML][JavaScript]jQUERY nie działa kod z tutoriala.

kosmos Zobacz profil	17.03.2015, 19:44:48 Post #1
Grupa: Zarejestrowani Postów: 367 Pomógł: 17 Dołączył: 4.03.2008 Ostrzeżenie: (0%)	Witam, próbuję zrozumieć jQUERY aby móc zastosować go później w projekcie strony. Znalazłem taki oto kawałek kodu z pewnego kursu, który wklejam poniżej. Po kliknięciu w link więcej, na ekranie powinna wyświetlić się pozostałą treść newsa. Nie mam pojęcia dlaczego to nie działa. Może coś jest nie tak skonfigurowane w systemie? Proszę o pomoc. [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL"> <head> <title>Strona z newsem</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <!-- dodanie jQuery do dokumentu --> <script type="text/javascript" src="jQuery.js"></script> <!-- Nasz kod java script: --> <script type="text/javascript"> $(document).ready( function() { $("#link").click( function() { $("#more").toggle(); }).toggle(function() { $(this).text('schowaj'); }, function() { $(this).text("więcej"); }); }); </script> </head> <body> <div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque metus eros, rutrum at, hendrerit nec, posuere ac.<a href="#" id="link">więcej</a></p> <p id="more" style="display: none;">Vivamus pretium fringilla metus. Praesent a enim eu metus scelerisque tincidunt. In auctor lorem et leo.</p> </div> </body> </html> [HTML] pobierz, plaintext

Odpowiedzi

kosmos Zobacz profil	17.03.2015, 20:24:21 Post #2
Grupa: Zarejestrowani Postów: 367 Pomógł: 17 Dołączył: 4.03.2008 Ostrzeżenie: (0%)	No to tak: To co napisał trueblue niestety nie działa. a to co napisał tzm wyświetla przycisk ale kliknięcie na niego nie powoduje żadnej akcji. Kurcze .... czyżby było coś nie tak z moim serwerem lokalnym? [HTML] pobierz, plaintext html: <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Reply-to" content="test@gmail.pl" /> <meta name="Author" content="" /> <meta name="Description" content="Tu wpisz opis zawartości strony" /> <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" /> <title><?php echo 'Welcome!';?></title> <link href="<?php echo $view['assets']->getUrl('css/style4.css') ?>" rel="stylesheet" type="text/css" /> <!-- dodanie jQuery do dokumentu --> <script type="text/javascript" src="jQuery.js"></script> <!-- Nasz kod java script: --> <script type="text/javascript"> $(document).ready(function(){ $('button').on('click',function(){ $('.article').toggleClass('opened'); }); }); </script> </head> <body> <div class="article"> <h1>Nazwa artykułu</h1> <div class="content"> "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" </div> <button>pokaż mniej/więcej</button> </div> </body> </html> [HTML] pobierz, plaintext css [HTML] pobierz, plaintext .article .content{ display: none; } .article.opened .content{ display: block; } [HTML] pobierz, plaintext ale opornie mi to idzie ....

Posty w temacie

kosmos [HTML][JavaScript]jQUERY nie działa kod z tutoriala. 17.03.2015, 19:44:48

castagir musisz zmienic styl css #more na widoczny. Masz co... 17.03.2015, 19:49:48

kosmos Display jest block bo z tego co się orientuję po z... 17.03.2015, 19:57:32

tzm http://jsfiddle.net/Lmdk6sts/ 17.03.2015, 20:05:08

kosmos Cytat(tzm @ 17.03.2015, 20:05:08 ) ht... 17.03.2015, 20:11:31

tzm toggleClass tylko zmienia klasę na wskazanym eleme... 17.03.2015, 20:21:37

trueblue Dla jQuery poniżej 1.9: [HTML] pobierz, plaintext ... 17.03.2015, 20:11:42

kosmos No to tak: To co napisał trueblue niestety nie dzi... 17.03.2015, 20:24:21

tzm No to bankowo coś pochrzaniłeś w dowiązaniach, poz... 17.03.2015, 20:27:31

trueblue W pierwszym błąd: http://jsfiddle.net/wb95aw3v/ Dr... 17.03.2015, 20:29:35

tzm jakieś to brzydkie trueblue co pokazujesz, ić 17.03.2015, 20:31:05

kosmos tzm css jest dobrze podpięty. zmieniłem background... 17.03.2015, 20:43:30

tzm [HTML] pobierz, plaintext <script src="ext... 17.03.2015, 20:45:40

trueblue Poprawnie jeśli jQuery.js masz na tej samej ścieżc... 17.03.2015, 20:46:03

kosmos Cytat(tzm @ 17.03.2015, 20:45:40 ) [H... 17.03.2015, 20:57:43

tzm [HTML] pobierz, plaintext <html><head... 17.03.2015, 21:15:34

kosmos Ten przykład działa. Ok już wiem co było nie tak o... 17.03.2015, 21:25:01

com podawali bo mieli, a Ty spinasz go z symfony(jak p... 17.03.2015, 21:41:05

kosmos Dokładnie z Symfony 17.03.2015, 21:43:33

« Następny starszy · Przedszkole · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Forum PHP.pl