Jquery Delay Show Each div

[reiniger]

Sveiki.

 

Nepieciešams Jquery katru DIV tagu parada ar pauzem. Neizmantoju ID jo tie div tagi var but diezgan daudz!

<div>1</div>
<div>2</div>
<div>3</div>

Mans Jquery

<script type="text/javascript">
$(document).ready(function() {
     $("div").each(function(i) {
               $(this).delay(800).fadeIn(400).toggleClass("example");
           });
});    
</script>

Kā panakt lai atverot lapu paradas div 1 pec 800 paradas div 2 un vel pec 800 div 3 utt.?

Edited September 7, 2010 by reiniger

[Kavacky]

Kas liedz tiem daudzajiem DIV'iem piešķirt tikpat daudzus ID?

[indoom]

$(document).ready(function() {
     var delay = 0;
     $("div").each(function(i) {
         $(this).delay(delay+=800).fadeIn(400).toggleClass("example");
     });
});   

Edited September 7, 2010 by indoom

[reiniger]

Paldies indoom.

[reiniger]

Vel pie reizes.

 

Es šādi atveru POPUP un tur man height ir 100px bet <DIV> tagi tur ir vairak ka ielien ekrana man ir ieslēgta 'scrollbars=yes'.

 

Kā panākt lai vidu laiku man radas lapas apakša? Rodas efekts ka teksts nak uz augšu un es redzu visu laikau piemēram 10 pēdējos DIV kas ir parādījušies. Un ja gribu varu vēlāk pascroollet uz augšu un redzet iepriekšējos.

 

PS: Mēģināju ar focus(), bet nesanaca, varbut ne tur ieliku!

Edited September 7, 2010 by reiniger

[Vhubuo]

Vel pie reizes.

 

Es šādi atveru POPUP un tur man height ir 100px bet <DIV> tagi tur ir vairak ka ielien ekrana man ir ieslēgta 'scrollbars=yes'.

 

Kā panākt lai vidu laiku man radas lapas apakša? Rodas efekts ka teksts nak uz augšu un es redzu visu laikau piemēram 10 pēdējos DIV kas ir parādījušies. Un ja gribu varu vēlāk pascroollet uz augšu un redzet iepriekšējos.

 

PS: Mēģināju ar focus(), bet nesanaca, varbut ne tur ieliku!

$(document).ready(function() {
         var delay = 0;
         $("div").each(function(i) {
             $(this).delay(delay+=800).fadeIn(400, function (){
               $("html").animate({ scrollTop: $(document).height() }, "slow");
             }).toggleClass("example");
         });
});   

[reiniger]

Paldies Vhubuo tavs variants strāda uz FF4, IE8, Opera 10 vienkārši atver jaunu tabu.

 

Bet vienīgais Chrome atver popup un nebīdas uz leju.

Edited September 7, 2010 by reiniger

[indoom]

pamēģini $('html,body').animate(...

 

var arī neanimēt un izmantot vienkārši

window.scrollTo(0,100000);

vai jebkuru lielu skaitli, kas varētu būt lielāks par lapas izmēru

[Vhubuo]

Bet jā logam ir "neierobešoti" izmeri laikam var pievienot kadu divu pašas beigas(absoluti) un izmantot JQuery scrollTo plaginu.

[reiniger]

pamēģini $('html,body').animate(...

 

 

Nostrādāja uz Chrome. Paldies