Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] jsFiddle
neotorrent
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 14.08.2011

Ostrzeżenie: (0%)
-----


Witam mam proste pytanko.
Tutaj ładnie wszystko działa
Wstawiam w swój kod
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Dokument bez tytułu</title>
  5. <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
  6. <script type="text/javascript">
  7. <!--
  8. $(document).ready(function() {
  9. var zakladki = $(".zakladka"),
  10. teksty = $(".tekst"),
  11. predkosc = 200,
  12. target;
  13.  
  14. teksty
  15. .hide();
  16.  
  17. zakladki
  18. .on("mouseover", function() {
  19. $t = $(this);
  20. target = $t.attr("rel");
  21.  
  22. teksty
  23. .filter(":visible")
  24. .hide()
  25. .end()
  26. .filter("#" + target)
  27. .stop(true, true)
  28. .fadeIn(300);
  29. });
  30. });​
  31. //-->
  32.  
  33.  
  34. </head>
  35.  
  36. <a class="zakladka" rel="tekst_1" href="#">zakladka numer 1</a>
  37. <a class="zakladka" rel="tekst_2" href="#">zakladka numer 2</a>
  38. <a class="zakladka" rel="tekst_3" href="#">zakladka numer 3</a>
  39. <a class="zakladka" rel="tekst_4" href="#">zakladka numer 4</a>
  40. <a class="zakladka" rel="tekst_5" href="#">zakladka numer 5</a>
  41. <p class="tekst" id="tekst_1">To jest tekst numer 1</p>
  42. <p class="tekst" id="tekst_2">To jest tekst numer 2</p>
  43. <p class="tekst" id="tekst_3">To jest tekst numer 3</p>
  44. <p class="tekst" id="tekst_4">To jest tekst numer 4</p>
  45. <p class="tekst" id="tekst_5">To jest tekst numer 5</p>
  46.  
  47. </body>
  48. </html>


Nie działa ;/
Co robię źle ?
Go to the top of the page
+Quote Post
toffiak
post
Post #2





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


Po przekopiowaniu twojego przykładu pojawiły się znaczki zapytania w liniach 31 i 49, usuń je a skrypt zacznie działać.


--------------------
Go to the top of the page
+Quote Post
Evinek
post
Post #3





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

Ostrzeżenie: (0%)
-----


Jakiś śmieć Ci wchodzi po zamknięciu $(document).ready(function() {

Między });? a //-->
Notatnik pokazuje znak zapytania.

http://evinek.ugu.pl/test.html - sprawdź sobie, że działa.

Teraz znów skopiowałem i nie działa - również brak znaku zapytania.
http://evinek.ugu.pl/test2.html

Hm... spróbuj skopiować z tego pierwszego linku kod i zobacz czy działa u Ciebie.

@UP:
Pisałem, pisałem... i napisałeś szybciej. ;]

Ten post edytował Evinek 25.02.2012, 18:31:18
Go to the top of the page
+Quote Post
neotorrent
post
Post #4





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 14.08.2011

Ostrzeżenie: (0%)
-----


Zakombinowałem coś i działa haha.gif w sumie nie wiem co ale działa smile.gif dzięki
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 08:31