• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Modyfikacja skryptu JS z tutoriala p. Zelenta

Object Storage Arubacloud
0 głosów
91 wizyt
pytanie zadane 12 października 2020 w JavaScript przez Michał Samolewski Bywalec (2,240 p.)

Cześć,
w 2 odcinku z bootstrapa p. Zelent pokazywał sposób na rozwijanie submenu nie poprzez kliknięcie a poprzez najechanie na pozycję w menu.

Załączył do tego odcinka skrypt, dzięki któremu submenu w ogóle nie reaguje na kliknięcie, jedynie na najechanie kursorem. Jest mi ktoś w stanie podpowiedzieć jak przerobić ten skrypt, żeby działał on tylko dla danej rozdzielczości ekranu? Chodzi o to że w telefonie chcę ustawić rozwijanie się submenu właśnie poprzez usunięte tym skryptem kliknięcie.

<script>

		$( document ).ready( function () {
			$( '.dropdown' ).on( 'click', function ( e ) {
				var $el = $( this );
				var $parent = $( this ).offsetParent( ".dropdown-menu" );
				if ( !$( this ).next().hasClass( 'show' ) ) {
					$( this ).parents( '.dropdown-menu' ).first().find( '.show' ).removeClass( "show" );
				}
				var $subMenu = $( this ).next( ".dropdown-menu" );
				$subMenu.toggleClass( 'show' );

				$( this ).parent( "li" ).toggleClass( 'show' );

				$( this ).parents( 'li.nav-item.dropdown.show' ).on( 'hidden.bs.dropdown', function ( e ) {
					$( '.dropdown-menu .show' ).removeClass( "show" );
				} );

				 if ( !$parent.parent().hasClass( 'navbar-nav' ) ) {
					$el.next().css( { "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 } );
				}

				return false;
			} );
		} );

	</script>

 

1 odpowiedź

+1 głos
odpowiedź 12 października 2020 przez ScriptyChris Mędrzec (190,190 p.)

Użyj globalnej metody matchMedia, która zwraca obiekt MediaQueryList z informacją, czy strona spełnia media query przekazane w parametrze. Jeśli chcesz na bieżąco śledzić zmiany rozdzielczości ekranu, to podepnij się na event change na tym obiekcie.

Podobne pytania

–1 głos
1 odpowiedź 176 wizyt
pytanie zadane 26 kwietnia 2019 w PHP przez Lukasz7689 Nowicjusz (240 p.)
0 głosów
1 odpowiedź 243 wizyt
pytanie zadane 2 stycznia 2019 w JavaScript przez Cordin Nowicjusz (120 p.)
0 głosów
1 odpowiedź 240 wizyt
pytanie zadane 30 lipca 2019 w C# przez Bezy Bywalec (2,280 p.)

92,657 zapytań

141,550 odpowiedzi

319,990 komentarzy

62,026 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...