Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery]Jak dynamicznie zmienić klasę dla klikniętego elementu
amii
post
Post #1





Grupa: Zarejestrowani
Postów: 728
Pomógł: 76
Dołączył: 12.06.2009

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

Chcę aby po kliknięciu w przycisk menu podświetlał się on na czerwono (klasa active). Wymyśliłem coś takiego ale nie działa zmienia na chwilę klasę ale nie zapamiętuje tego.
[JAVASCRIPT] pobierz, plaintext 
  1. <head><script>
  2. $(document).ready(function() {
  3.  
  4. $('div.nb ul li a').click(function() {
  5.  
  6.   $('div.nb ul li').each(function(index) {
  7.     $(this).removeClass('active');
  8.   });  //remove active class from each li element
  9.  
  10.   $(this).parent().addClass('active');  //add active class to li element that is parent of clicked a element
  11.  
  12.  
  13.   });
  14. });
  15. </script></head>
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <div class="nb"> 
  2.    <ul> 
  3.       <li class="active"><a href="index.php" id="m1" title="Strona główna" class="menu_start"><span>HOME</span></a></li> 
  4.       <li><a href="index.php?p=precel" id="m2" title="Seo precel" class="menu_start"><span>O PROGRAMIE</span></a></li> 
  5.       <li><a href="index.php?p=buy" id="m3" title="Zakup" class="menu_start"><span>KUP TERAZ</span></a></li> 
  6.       <li><a href="index.php?p=help" id="m4" title="Wsparcie" class="menu_start"><span>POMOC</span></a></li> 
  7.       <li><a href="index.php?p=customers" id="m5" title="Nasi klienci" class="menu_start"><span>KLIENCI</span></a></li> 
  8.       <li><a href="index.php?p=random" id="m6" title="Nasza firma" class="menu_start"><span>FIRMA</span></a></li> 
  9.       <li><a href="index.php?p=contact" id="m7" title="Kontakt z firmą" class="menu_start"><span>KONTAKT</span></a></li> 
  10.    </ul> 
  11. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
frok
post
Post #2





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 18.07.2009

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

[HTML] pobierz, plaintext 
  1.   $('div.nb ul li').each(function(index) {
  2.     $(this).removeClass('active');
  3.   });  //remove active class from each li element
[HTML] pobierz, plaintext

można zapisać prościej: $('div.nb ul li.active').removeClass('active');


proponuję zapisać tak:
<script>
$(document).ready(function() {

$('div.nb ul li a').click(function() {

$('div.nb ul li.active').removeClass('active');

$(this).parent().addClass('active'); //add active class to li element that is parent of clicked a element


});
});
</script>
Go to the top of the page
+Quote Post

Posty w temacie
- amii   [jQuery]Jak dynamicznie zmienić klasę dla klikniętego elementu   16.04.2011, 13:11:11
- - thek   A pomyślałeś, że to nie ma prawa działać? Gdy klik...   16.04.2011, 14:00:45
- - amii   OK dałem coś takiego choć mam wrażenie, że to nie ...   16.04.2011, 14:50:58
- - frok   [HTML] pobierz, plaintext $('div.nb ul li'...   16.04.2011, 19:24:45

« Następny starszy · Po stronie przeglądarki · 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: 11.10.2025 - 02:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn