Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]uruchomienie funkcji dla dwóch zdarzeń
Forum PHP.pl > Forum > Przedszkole
artek
3.12.2015, 12:26:56
Mam funkcję, nieistotne jaką

[HTML] pobierz, plaintext 
  1. <script>function A(){...}</script>
[HTML] pobierz, plaintext


jak wywołać ją poprawnie dla okna i zdarzeń resize() i addEventListener()?

[HTML] pobierz, plaintext 
  1. <script>function init() {
  2.         window.resize(A).addEventListener('scroll', A); 
  3.     }
  4.     window.onload = init();</script>
[HTML] pobierz, plaintext
viking
3.12.2015, 13:09:49
Masz tu przykłady https://developer.mozilla.org/en-US/docs/We...ddEventListener
Szukaj Event Listener with anonymous function
artek
3.12.2015, 14:58:52
Cytat(viking @ 3.12.2015, 13:09:49 ) *
Masz tu przykłady https://developer.mozilla.org/en-US/docs/We...ddEventListener
Szukaj Event Listener with anonymous function


nie znalazłem, ale może też dobrze nie wytłumaczyłem, mam metodę i chcę by się wykonała, kiedy wykryje się scroll myszką, bądź zmiana rozmiaru okna
viking
3.12.2015, 15:25:55 
[PHP] pobierz, plaintext 
  1. ['scroll', 'resize'].forEach(function(e){
  2.       window.addEventListener(e, function(){resize(A);},false);
  3.     });
[PHP] pobierz, plaintext
artek
3.12.2015, 16:00:47
Cytat(viking @ 3.12.2015, 15:25:55 ) *
[PHP] pobierz, plaintext 
  1. ['scroll', 'resize'].forEach(function(e){
  2.       window.addEventListener(e, function(){resize(A);},false);
  3.     });
[PHP] pobierz, plaintext


niestety nie działa
[HTML] pobierz, plaintext 
  1. <script>
  2.     function icons(){
  3.         if(600 < jQuery(window).width()){
  4.             var distanceY = window.pageYOffset,
  5.                 sharePost = document.querySelector(".share-post"),
  6.                 elementHeight1 = jQuery('.header-wrapper').height(),
  7.                 elementHeight2 = jQuery('.page-heading').height(),
  8.                 elementHeight3 = jQuery('.wp-picture').height(),
  9.                 elementHeight4 = jQuery('.date').height(),
  10.                 elementHeight5 = jQuery('.fixed-header').height(),
  11.                 shrinkOn;
  12.  
  13.             shrinkOn = elementHeight1 + elementHeight2 + elementHeight3 + elementHeight4 + elementHeight5;
  14.  
  15.             if (distanceY > shrinkOn) {
  16.                 classie.add(sharePost,"smaller");              
  17.             } else {
  18.                 if (classie.has(sharePost,"smaller")) {
  19.                     classie.remove(sharePost,"smaller");
  20.                 }
  21.             }
  22.  
  23.             var vpH = jQuery(window).height(), 
  24.                 st = jQuery(window).scrollTop(), 
  25.                 y = jQuery('.ssba').offset().top,
  26.                 elementHeight = jQuery('.ssba').height();
  27.  
  28.             if (y < (vpH + st)) {
  29.                 classie.remove(sharePost,"smaller");
  30.             }  
  31.        }
  32.     }
  33.  
  34.     function init() {
  35.         ['scroll', 'resize'].forEach(function(e){
  36.             window.addEventListener(e, function(r){resize(icons);},false);
  37.     });
  38. </script>
[HTML] pobierz, plaintext
viking
3.12.2015, 17:28:00
A widzisz w tym kodzie funkcję resize? Bo ja tylko icons. Poza tym nie powiedziałeś że używasz jquery.
[HTML] pobierz, plaintext 
  1. jQuery(window).on('scroll resize', icons);
[HTML] pobierz, plaintext


Na przyszłość patrz tez w konsoli jakie błędy dostajesz.
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.