Ładowanie kodu JavaScript po uruchomieniu strony

Question

Witam

Mam taki kod

$(window).on('load resize', function () {
//kod JavaScript
});

i kiedy odświeżam stronę to kod nie ładuje się tylko muszę poruszać scrollem aby kod JavaScript się załadował , ogólnie kod strony jest długi więc nie postanawiam montować tu kodu strony ale jakie mógłbym zastosować rozwiązania aby kod ten po odświeżeniu strony się uruchamiał , bardzo mi na tym zależy

Comments

Po załadowaniu strony sprawdź konsolę.

---

Jak wchodzę w konsole to w jakiś magiczny sposób kod już sam z siebie się ładuje , w czym może tkwić błąd

---

A devtoolsy po odpaleniu nie zmniejszają ci czasem okna?

---

nie bo uruchamiam konsole w osobnym oknie gdyż wcześniej tak ustawiłem

---

Hm, a może kod wpakować w osobną funkcje i podpiąć ją pod:

$(document).ready(fn);
$(window).on('resize, fn);

 

Answer 1

Spróbuj tego:

window.onload = function() {
 // kod do wykonania po zaladowaniu strony
};

I dla jasności ładuj to przed </body> a nie w sekcji head.

Comments

Poprawiłem trochę semantykę, bo po wklejeniu do edytora to wyglądało tragicznie. Już nie mówiąc, że else występowało po elsie.

$(window).load(function () {
  var height = $(window).innerHeight;
  
  if(height < 3000 && height > 560) {
  
    function randomnamo() {

      var t = $(window).innerHeight;
      var b = t / 8;
      var $cache = $('#getFixed'); 
      
      if ($(window).scrollTop() > b) 
        $cache.css({'position': 'fixed', 'top': '0px'}); 
 
      else
        $cache.css({'position': 'relative', 'top': 'auto'});

        $(window).scroll(randomnamo);
 
     }
    } else {
      
        function randomname() {

          var $cache = $('#getFixed'); 
        
          if ($(window).scrollTop() > 560 - $(window).innerHeight + ($(window).innerHeight / 8))
           $cache.css({'position': 'fixed', 'top': '0px'}); 
          else
           $cache.css({'position': 'relative', 'top': 'auto'});
  
        $(window).scroll(randomname);
      }
    }
});

Spróbuj tego kodu co wkleiłem.

Jak nie pyknie, to wklej cały kod html i js, jak nie tu, to na jsfiddle, albo codepena.

---

a da się aby JavaScript scroll przesuwał o np. 1px i cofał o 1px bo jakoś scroll bez zarzutu działa w przeciwieństwie do load 

---

Możesz użyć triggera

---

zastanawia mnie dlaczego jak mam włączonego Inspect Element to jakoś wtedy wszystko pięknie działa

---

już wiem dlaczego kod w JavaScript nie działał , otóż funkcja

$(window).load(function () {

nie odnosiła się bezpośrednio do funkcji randomanmo() przez co nie ładował tą funkcję i div mógł siłą rzeczy się nie pojawiać a wystarczy że zamieni się ten kod powyżej na

$(window).on('load resize', function randomnamo() {

wystarczyła przez długi czas przeanalizować kod ale i tak wielkie dzięki za pomoc