Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Java][HTML][CSS]hover smartfony
Forum PHP.pl > Forum > Przedszkole
Wampirek12
Witam.
Mam problem tworzę stronę www , ktora jest responsywna i mam problem z hover w css. Chce aby po najechaniu na element wysuwało się podmenu i tu mam problem bo czym zastąpić hover na urządzeniach dotykowych? Czytałem cos o javascript, ale nie wiem jak
koodo218
Cytat
czym zastąpić hover na urządzeniach dotykowych

:active
Wampirek12
Chodzi mi o cos takiego
  1.  
  2. $('a.tap').on("touchstart", function (e) {
  3. 'use strict'; //satisfy code inspectors
  4. var link = $(this); //preselect the link
  5. if (link.hasClass('hover')) {
  6. return true;
  7. }
  8. else {
  9. link.addClass('hover');
  10. $('a.tap').not(this).removeClass('hover');
  11. e.preventDefault();
  12. return false; //extra, and to make sure the function has consistent return points
  13. }
  14. });
ale nie umiem tego przerobić pod swoje menu
sad.gif
mariolita
touchstart? to jakiś zewnętrzny plugin do jquery

jakbyś pokazał design albo coś wiecej to ci powiem jak to zrobić.
Wampirek12
https://katalogryki.pl/katalog strona jest responsywna więc jak zmniejszysz okienko przeglądarki to kliknij na kategorie i potem właśnie każda kategoria ma podkategorie, które na komputerze wysuwają się po najechaniu kursorem jak potrzebny kod to powiedz, ale przez firebuga wszystko widac


//Poprawione
casperii
Pod wskazanym adresem:

Witamy w katalogryki.pl
Jeżeli chcesz zmienić tę stronę, wgraj własny plik index.html do katalogu private_html
Wampirek12
czy ktos jest w stanie mi pomoc?
Star
Dobrze zrozumiałem że chcesz po naciśnięciu w coś na smartphonie rozwinąć menu?
Jeśli tak to możesz użyć jquery - > slideToggle();
Wampirek12
  1. $(document).ready(function(){
  2. $("dd:not(:first)").hide();
  3. $("dt a").click(function(){
  4. $("dd:visible").slideUp("slow");
  5. $(this).parent().next().slideDown("slow");
  6. return false;
  7. });
  8. });

</script> znalazłem taki kod w internecie i fakt po przystosowaniu do mojego menu działa, ale jest jeden problem mianowicie w wersji na stronie autora kodu jedna podkategoria jest zawsze wysunięta i nie mozna jej zamknąc a ja chciałbym aby moznabyło zamknąc wszystko tutaj demo http://webprojektant.pl/examples/jquery-menu/
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.