Eiliškumo tvarka (js, jquery)

Taigi iškilo problema, su kuria kovoju jau 3 dieną, tačiau įdejų bagažas išseko... Yra toks paprastas kodas

      		
$('#info_name'+i).show("slide", {direction: "right"}, 1000,);
$('#info_info'+i).show("slide", {direction: "up"}, 1000);

 

Reikia jį vykdyti vienas po kito, kokių bus nestandartinių idėjų?

Taigi iškilo problema, su kuria kovoju jau 3 dieną, tačiau įdejų bagažas išseko... Yra toks paprastas kodas

      		
$('#info_name'+i).show("slide", {direction: "right"}, 1000,);
$('#info_info'+i).show("slide", {direction: "up"}, 1000);

 

Reikia jį vykdyti vienas po kito, kokių bus nestandartinių idėjų?

 

O būtinai reikia nestandartinių idėjų? Kuo netinka standartinis callback variantas? :ph34r:

jQuery viską vykdo asinchroniškai. Antrąją funkciją dėk į pirmosios callback ir turėtų suveikt.:)

Redagavo Balandžio 4, 2012 aemdy

O būtinai reikia nestandartinių idėjų? Kuo netinka standartinis callback variantas? :ph34r:

nes kai yra du ir daugeu divu tas, kas yra callbake kazkokel du kart suveikia. Ta prasme headeriai parvazioja, o tekstas du kartus rodomas.

Redagavo Balandžio 4, 2012 apieviska

http://youtu.be/pc5RfxPGVv4 pagrindinis su callback + dar pakeiciau. Aisku sis kodas jau yra perpainiotas ziauriai, bet kitko kolkas nesugalvoju... Redagavo Balandžio 4, 2012 apieviska

$('#info_name').show("slide", {direction: "right"}, 1000,function(){
    $('#info_info').show('slide',{direction: "up"}, 1000);
});

 

kuom cia painus tas kodas?

Redagavo Balandžio 4, 2012 kaunomanas

$('#info_name').show("slide", {direction: "right"}, 1000,function(){
    $('#info_info').show('slide',{direction: "up"}, 1000);
});

 

kuom cia painus tas kodas?

http://youtu.be/pc5RfxPGVv4

Papastink savo kodą į http://jsfiddle.net/

 

edit: reik viską matyt.

Redagavo Balandžio 4, 2012 Tom

Papastink savo kodą į http://jsfiddle.net/

6 poste jis yra.

Papastink savo kodą į http://jsfiddle.net/

 

edit: reik viską matyt.

$.each(contact_status, function(key, value){
     	if(value == info_id){
     		$('.third').append('<div class="showinfo"><h2 id="info_name'+value+'" class="info_name">'+contact_name[value]+'</h2><span class="info_info" id="info_info'+value+'">lol<br>lol<br>lol<br>lol<br>lol<br></span></div>');
     		$('#info_name'+value).show("slide", {direction: "right"}, 1000, function(){
    				$('#info_info'+value).show('slide',{direction: "up"}, 1000);
     		});
     	}
     });

 

Vienas is daugeliu, kurios as jau isbandziau....

 

<div class="third">

<div class="showinfo"><h2 class="info_name" id="info_name2" style="display: block;">Name</h2><span id="info_info2" class="info_info" style="display: inline;">lol<br>lol<br>lol<br>lol<br>lol<br></span></div><div class="showinfo"><h2 class="info_name" id="info_name2">Name</h2><span id="info_info2" class="info_info">lol<br>lol<br>lol<br>lol<br>lol<br></span></div></div>

 

Isveda 2 vienodus headerius, nors turetu 2 skirtingus. Lolus isveda 4 kartus.

Redagavo Balandžio 4, 2012 apieviska

esme tame kad paleidzia tiek callbacku kiek yra elementu su klase "info_name". Bandyk "info_info" elementus identifikuot ne pagal klase o pagal id.

esme tame kad paleidzia tiek callbacku kiek yra elementu su klase "info_name". Bandyk "info_info" elementus identifikuot ne pagal klase o pagal id.

Siap yra kuriamas unikalus id, bet anksciau buvo for, tai ten i didinosi kas kart, o cia su each nesididina... Toi key damaseiu...

Siap yra kuriamas unikalus id, bet anksciau buvo for, tai ten i didinosi kas kart, o cia su each nesididina... Toi key damaseiu...

arba jei nenori nieko keist

      
var i = 0;
$('.info_name').show("slide", {direction: "right"}, 1000,function(){
   if(i == 0)
       $('.info_info').show('slide',{direction: "up"}, 1000);
   i++;
});

 

nors manau yra kokia funkcijele kuri viena karta vykdo ta callbacka, tereik pagooglint :D

Kad jis pas mane isvis dabar neveikia....

 

	var i=0;
     $.each(contact_status, function(key, value){
     	i++;
     	if(value == info_id){
     		$('.third').append('<div class="showinfo"><h2 id="info_name'+i+'" class="info_name">'+contact_name[i]+'</h2><span class="info_info" id="info_info'+i+'">lol<br>lol<br>lol<br>lol<br>lol<br></span></div>');
     		$('#info_name'+i).show("slide", {direction: "right"}, 1000, function(){
    			$('#info_info'+i).show('slide',{direction: "up"}, 1000);
    		});
     	}
     });

na va, vel gavosi kazkas, tik dabar reikia kazkaip paslepti pries daran remove. Nes jis iskart delitina

 

$("a[rel~='showinfo']").click(function () {
     var info_id = $(this).attr('id');
     if($('.showinfo').is(':visible')){
     		$('.showinfo').hide('slide',{direction: "up"}, 1000)
     		$('.showinfo').delay(1000).remove();
     		$('.ui-effects-wrapper').remove();
     	}
	var i=0;
     $.each(contact_status, function(key, value){
     	i++;
     	if(value == info_id){
     		$('.third').append('<div class="showinfo"><h2 id="info_name'+i+'" class="info_name">'+contact_name[i]+'</h2><span class="info_info" id="info_info'+i+'">lol<br>lol<br>lol<br>lol<br>lol<br></span></div>');
     		$('#info_name'+i).show("slide", {direction: "right"}, 1000)
    		$('#info_info'+i).delay(1000).show('slide',{direction: "up"}, 1000)
     	}
     });

   });

 

Krc jauciu as darisiu kitaip: pakrovus puslapi kelsiu pilna diva su display:none ir poto kaskart ant clicko junginesiu.

 

Krutas removas )))

 

if($('.showinfo').is(':visible')){
     		$('.showinfo').hide(1000);
     		$('.showinfo').delay(1000,function(){
     		$(this).remove();});
     		$('.ui-effects-wrapper').remove();
     	}