Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Poprawa kodu :)

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Poprawa kodu :)

Post 28.06.2016, 00:06:31

Witam ma ktoś pomysł jak sensownie go poprawić ?

Kod: Zaznacz cały
function funkcja(){
      var x = $(".zmienna").length;
      var a = -145;
      var b = -145;
      var c = -145;
      var d = -145;
      


      for(var i = 0; i <= x; i++)
      {
         var wynik = a + 145;
         var a = wynik;
         $(".zmienna:eq(" + i + ")").css({top: a, left: 0});
         
         if((i >= 4) &&(i <= 7))
         {
            var wynik = b + 145;
            var b = wynik;
            $(".zmienna:eq("+ i + ")").css({left:160, top: b})
         }
         else if((i >= 8) && (i <= 11))
         {
            var wynik = c + 145;
            var c = wynik;
            $(".zmienna:eq("+ i + ")").css({left:320, top: c})
         }
         else if((i >= 12) && (i <= 15))
         {
            var wynik = d + 145;
            var d = wynik;
            $(".zmienna:eq("+ i + ")").css({left:480, top: b})
         }
         
      };   
   };
misiu99
Posty: 24
Dołączył(a): 21.10.2015

Re: Poprawa kodu :)

Post 28.06.2016, 10:07:42

W jakim sensie poprawić? Czy kod działa niepoprawnie? Jeśli tak, to jak ma działać poprawnie, co ma robić? Czy chodzi po prostu o jego uproszczenie?
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19715
Dołączył(a): 14.04.2002

Re: Poprawa kodu :)

Post 28.06.2016, 12:08:44

Kod działa poprawia tak jak powinien tylko jest paskudny a nie wiem sam jak go ukrócić :),
No i jeden problem jest tego typu że jak bym użył zamiast css() , animate() zachodzi rekcje nieprzerwanej pętli :) nie wiem dla czego ;)
misiu99
Posty: 24
Dołączył(a): 21.10.2015

Re: Poprawa kodu :)

Post 28.06.2016, 13:06:33

Z tego co rozumiem, to dzielisz elementy na grupy 4-elementowe. Każda grupa ma mieć lewą pozycję wiekszą o 160 od poprzedniej. Każdy element grupy ma mieć górną pozycję o 145px wiekszą od poprzedniego elementu z grupy, zgadza się? Pisane na kolanie, ale powinno być OK

Kod: Zaznacz cały
function funkcja () {
   $('.zmienna').each(function (index) {
     var maxElementsInGroup = 4;
    var group = Math.floor(index / maxElementsInGroup);
    var indexInGroup = index % maxElementsInGroup;
   
     $(this).css({
       top: indexInGroup * 145,
      left: group * 160
    })
  });
}
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19715
Dołączył(a): 14.04.2002

Re: Poprawa kodu :)

Post 28.06.2016, 13:13:13

Dzieki, jesteś wielki :)
misiu99
Posty: 24
Dołączył(a): 21.10.2015


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 4 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51201 zarejestrowanych użytkowników.
Najnowszy użytkownik: Adrianna


Nasi użytkownicy napisali:

  • 936905 wiadomości
  • w 247064 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)