Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
[HTML] pobierz, plaintext 
  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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Dokument bez tytułu</title>
  6. <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
  7. <script type="text/javascript">
  8. <!--
  9. $(document).ready(function() {
  10.     var zakladki = $(".zakladka"),
  11.         teksty = $(".tekst"),
  12.         predkosc = 200,
  13.         target;
  14.  
  15.     teksty
  16.         .hide();
  17.  
  18.     zakladki
  19.         .on("mouseover", function() {
  20.             $t = $(this);
  21.             target = $t.attr("rel");
  22.  
  23.             teksty
  24.                 .filter(":visible")
  25.                     .hide()
  26.                     .end()
  27.                 .filter("#" + target)
  28.                     .stop(true, true)                    
  29.                     .fadeIn(300);
  30.         });
  31. });​
  32. //-->
  33. </script>
  34.  
  35.  
  36. </head>
  37. <body>
  38.  
  39. <a class="zakladka" rel="tekst_1" href="#">zakladka numer 1</a>
  40. <a class="zakladka" rel="tekst_2" href="#">zakladka numer 2</a>
  41. <a class="zakladka" rel="tekst_3" href="#">zakladka numer 3</a>
  42. <a class="zakladka" rel="tekst_4" href="#">zakladka numer 4</a>
  43. <a class="zakladka" rel="tekst_5" href="#">zakladka numer 5</a>
  44. <p class="tekst" id="tekst_1">To jest tekst numer 1</p>
  45. <p class="tekst" id="tekst_2">To jest tekst numer 2</p>
  46. <p class="tekst" id="tekst_3">To jest tekst numer 3</p>
  47. <p class="tekst" id="tekst_4">To jest tekst numer 4</p>
  48. <p class="tekst" id="tekst_5">To jest tekst numer 5</p>
  49. ​
  50.  
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


Nie działa ;/
Co robię źle ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
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

Posty w temacie
- neotorrent   [JavaScript] jsFiddle   25.02.2012, 18:14:45
- - toffiak   Po przekopiowaniu twojego przykładu pojawiły się z...   25.02.2012, 18:27:26
- - Evinek   Jakiś śmieć Ci wchodzi po zamknięciu $(docume...   25.02.2012, 18:30:53
- - neotorrent   Zakombinowałem coś i działa w sumie nie wiem co a...   25.02.2012, 19:27:07

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

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 06:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn