[jQuery] Wartość inna niż ustawiona przed chwilą Opcje

[starach]

Cześć,

Zrobiłem sobie slideshow. Niestety z niewyjaśnionych przyczyn wartość css('left') po ponownym odczytaniu jest zupełnie inna niż ustawiona przed chwilą.

[HTML] pobierz, plaintext 
<script type="text/javascript">
$('#slideshow .slides ul').css('left', $iNewLeft * -1);
console.log("Nowa odległość:      " + $iNewLeft * -1);  // -840 - Tyle powinno być
console.log("Nowa odległość2:     " + $('#slideshow .slides ul').css('left')); // -1008px - Że jak?
</scrpit>
[HTML] pobierz, plaintext 

[everth]

Ile elementów DOM podpada pod ten selektor? Coś mi mówi że ustalasz atrybut left dla zbioru elementów a później go pobierasz. Nie wiem jak jQuery zachowuje się gdy gdy pobiera wartość stylu dla grupy elementów. Ewentualnie prześledź na drzewie atrybuty style (tam jQuery zapisuje swoje wartości) dla tego selektora i zobacz czy czymś się nie różnią od zdeklarowanej przez ciebie.

[sh3d2]

jesli tych elementow jest wiecej, to chyba przydaloby sie uzyc .each()

Kod

$('.foo').each(function(){
   $(this).css('left', ...)
})

pozdrawiam

[starach]

Taki element jest jeden.

[HTML] pobierz, plaintext 
<!-- SLIDESHOW -->
<div id="slideshow">
  <a class="prev" title="Poprzednie slajdy"><img src="/sites/all/themes/TheGamer/images/btn-slider-prev.jpg" alt="Poprzednie slajdy" /></a>
  <div class="slides">
    <ul>
      <li><img src="http://www.stockvault.net/data/s/113497.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.stockvault.net/data/s/100177.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.stockvault.net/data/s/101916.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/animal-steps-in-snow-thumb12853223.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/animal-eggs-thumb15876342.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/animal-cat-thumb15385101.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/green-nature-thumb596309.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/office-in-nature-thumb3256171.jpg" /><div class="title">Lorem ipsum dolor sit</div></li> 
      <li><img src="http://www.dreamstime.com/nature-tree-thumb16030502.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/gift-of-the-nature-thumb15977958.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-abstract-thumb3615419.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-path-in-forest-with-sunshine-thumb8241130.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/nature-walk-thumb8436665.jpg" /></li> 
      <li><img src="http://www.dreamstime.com/save-the-nature-thumb15696583.jpg" /></li>
    </ul>
  </div>
  <a class="next" title="Następne slajdy"><img src="/sites/all/themes/TheGamer/images/btn-slider-next.jpg" alt="Następne slajdy" /></a>
  <div class="preloader"><img src="/sites/all/themes/TheGamer/images/Preloader.gif" alt="Preloader" /></div>
</div>
<input type="button" onclick="alert($('#slideshow .slides ul').css('left'))" value="Click" />
<!-- /SLIDESHOW -->
[HTML] pobierz, plaintext 

Kiedy kliknę ponownie "next" powinien dodać kolejne 840 do atrybutu left ale ponownie dodaje 1008 ?

[everth]

Kiedy kliknę ponownie "next" powinien dodać kolejne 840 do atrybutu left ale ponownie dodaje 1008

Jak wyliczasz zmienną iNewLeft ? Sprawdź co zawiera i jaki wynik daje przemnożenie jej przez -1. Podejrzewam że pobierasz początkową wartość przesunięcia z DOM - ona zwraca 'auto' albo wartość+px, tego się nie da przemnożyć.

[sh3d2]

Ja rowniez uwazam, ze blad wynika z "dziwnej" wartosci zmiennej iNewLeft (zapewne dodatek w postaci "px")
pobieraj wartosc left za pomoca $('.foo').position().left lub parseInt($('.foo').css('left'))

[#luq]

@starach skrypt jest Twój tak?
Powiedz mi, masz to zrobione na niewidocznym pasku przewijania, tak? ;>

[starach]

Tak to taki slideshow, ale znalazłem przyczynę. Okazało się że to była wina Google Chrome. Zapomniałem, że wieki temu włączyłem sobie kanał developerski i najwyraźniej w ostatniej aktualizacji był błąd. Wywalenie GC i zainstalowanie go z kanału stable rozwiązało problem.