Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Zamaiana jQuery na JS
php11
post 13.09.2021, 10:26:04
Post #1





Grupa: Zarejestrowani
Postów: 180
Pomógł: 4
Dołączył: 11.02.2011

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


Cześć,

na stronie używam jQuery tylko do menu mobilnego:

  1. if(jQuery('.gkMainMenu').length > 0) {
  2.  
  3. jQuery('#gkMobileMenu').click(function(e) {
  4. e.preventDefault();
  5.  
  6. if(jQuery('#gk-menu-overlay').length === 0) {
  7. var menu_wrap = jQuery('<div id="gk-menu-overlay">&nbsp;</div><div id="gk-menu-overlay-wrap"><span id="gk-menu-overlay-close">&times;</span></div>');
  8. jQuery(document.body).append(menu_wrap);
  9. jQuery('#gk-menu-overlay-wrap').append(jQuery('.gkMainMenu').clone());
  10.  
  11. jQuery('#gk-menu-overlay-wrap').click(function(e) {
  12. e.stopPropagation();
  13. });
  14.  
  15. jQuery('#gk-menu-overlay-close').click(function() {
  16. jQuery('#gk-menu-overlay').removeClass('gk-active');
  17. jQuery('#gk-menu-overlay-wrap').removeClass('gk-active');
  18.  
  19. setTimeout(function() {
  20. jQuery('#gk-menu-overlay').removeClass('gk-show');
  21. jQuery('#gk-menu-overlay-wrap').removeClass('gk-show');
  22. }, 350);
  23. });
  24.  
  25. jQuery('#gk-menu-overlay').click(function() {
  26. jQuery('#gk-menu-overlay-close').trigger('click');
  27. });
  28.  
  29. jQuery('#gk-menu-overlay-wrap').find('a[href^="#"]').click(function() {
  30. jQuery('#gk-menu-overlay-close').trigger('click');
  31. });
  32. }
  33.  
  34. jQuery('#gk-menu-overlay-wrap').css('top', jQuery(window).scrollTop());
  35. jQuery('#gk-menu-overlay').addClass('gk-show');
  36. jQuery('#gk-menu-overlay').css('height', jQuery('body').outerHeight() + jQuery('#gk-menu-overlay-wrap').outerHeight() + "px");
  37. jQuery('#gk-menu-overlay-wrap').addClass('gk-show');
  38.  
  39. setTimeout(function() {
  40. jQuery('#gk-menu-overlay').addClass('gk-active');
  41. jQuery('#gk-menu-overlay-wrap').addClass('gk-active');
  42. }, 50);
  43. });
  44. }


Jak zmienić ten kod, by zadziałał dokładnie tak samo w czystym JS?
Próbowałem podmienić jQuery na znaki dolara + generatory online, ale bez efektu...

Dzięki!
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 5.12.2021 - 23:56