Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] toggle i niedzialajace linki
Forum PHP.pl > Forum > Przedszkole
wiewiorek
Mam pytanie jak zmusic toggle zeby linki w elemencie do ktorego mam przypisany skrypt jquery dzialaly - to znaczy zeby po kliknieciu na link po prostu otwierala sie strona, bo obecnie po kliknieciu na link nic sie nie dzieje:

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  
  4. $("#menu li ul").hide();
  5.  
  6. $("#menu li").toggle(
  7. function () {
  8. $(this).children("ul").show();
  9. },function(){
  10. $(this).children("ul").hide();
  11. });
  12.  
  13. });
  14.  
  15. <ul id="menu">
  16. <li>aa
  17. <ul>
  18. <li><a href="/">aa2</a></li>
  19. <li><a href="/">aa3</a></li>
  20. </ul>
  21. </li>
  22. <li>bb
  23. <ul>
  24. <li><a href="/">bb2</a></li>
  25. <li><a href="/">bb3</a></li>
  26. </ul>
  27. </li>
  28. </ul>
erix
Puść gdzieś to na żywo, bo powinno działać.
wiewiorek
tzn. na serwerze bedzie dzialac ?
erix
Nie...

Czytaj czasem przyklejone wątki: Temat: [JavaScript] jesli Twoj watek go dotyczy, KONIECZNIE przeczytaj
wiewiorek
Link: http://hjkl3.friko.pl/
dg2001
Przecież działa blinksmiley.gif jak klikniesz na aa to ci się pojawia pod nim resztę, i tak samo jak klikniesz na bb blinksmiley.gif
wiewiorek
Ale kliknij na np. 'aa2' - nie następuje przeładowanie strony, a ja chcę żeby wyświetliła się strona z linku przypisanego do 'aa2'
tomekpl
Cytat(wiewiorek @ 28.07.2010, 21:37:16 ) *
Ale kliknij na np. 'aa2' - nie następuje przeładowanie strony, a ja chcę żeby wyświetliła się strona z linku przypisanego do 'aa2'



Jak linkujemy to zazwyczaj wypełniamy parametr href="'
Takie zastosowanie:
  1. <a href="http://www.forum.php.pl">Forum PHP</a>

dg2001
a dlaczego masz taki ten link "/" questionmark.gif
  1. <a href="/">aa3</a>


Gdzie on ma cie przenieść blinksmiley.gif

@everth
Dokładnie blink.gif a myślałem że mi się coś po krzaczyło blink.gif
everth
Przecież tam nie ma żadnego linku.
wiewiorek
Dobra wstawiłem Wam normalny link i wciąż nie działa.
everth
Strzelam że to może być spowodowane dodatkowymi skryptami którymi ten hosting obkleja twoją stronę. Spróbuj tak:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $('a').unbind();
  3. });
[JAVASCRIPT] pobierz, plaintext

Albo sprawdź pod innym hostingiem
athei
Użyj tego
[JAVASCRIPT] pobierz, plaintext
  1. $("#menu li ul").hide();
  2.  
  3. var clicked = false;
  4. $('#menu li').bind("click", function(evt)
  5. {
  6. if(clicked) clicked = false;
  7. else clicked = true;
  8. if (clicked) {
  9. $(this).children("ul").show();
  10. }
  11. if(!clicked){
  12. $(this).children("ul").hide();
  13. }
  14. });
[JAVASCRIPT] pobierz, plaintext


albo tego
[JAVASCRIPT] pobierz, plaintext
  1. $("#menu li ul").hide();
  2. $('a.klik').click(function() {
  3. $(this).next().toggle();
  4. });
[JAVASCRIPT] pobierz, plaintext

  1. <ul id="menu">
  2. <li>
  3. <a class="klik">aa</a>
  4. <ul>
  5. <li><a href="http://www.google.pl">aa2</a></li>
  6. <li><a href="/">aa3</a></li>
  7. </ul>
  8. </li>
  9. <li>
  10. <a class="klik">bb</a>
  11. <ul>
  12. <li><a href="/">bb2</a></li>
  13. <li><a href="/">bb3</a></li>
  14. </ul>
  15. </li>
  16. </ul>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.