JQuery callback werkt niet goed
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
function do_with_div(v){
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000,do_with_div(v));
}
}
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000,do_with_div(v));
}
}
Bedoeling is dat de actie's NA elkaar gebeuren. Ze vinden echten allen tegelijk plaats !
Wat doe ik fout met de callback
Gewijzigd op 27/05/2011 10:24:36 door - Roland -
Gesponsorde koppelingen:
Gewijzigd op 27/05/2011 10:36:46 door Arjan -
console meld gelijk 0 1 2 3 4 5 Dus hij wacht niet.... (op die slide van 6 sec )
Dit is dus recursief gebruik van functie (zichzelf aanroepend)
Toevoeging op 27/05/2011 10:45:09:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function do_with_div(v){
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000,do_with_div(v));
}
}
$(function(){
$('div').hide();
$('span').click(function(){
do_with_div(-1);
});
});
</script>
<script type="text/javascript">
function do_with_div(v){
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000,do_with_div(v));
}
}
$(function(){
$('div').hide();
$('span').click(function(){
do_with_div(-1);
});
});
</script>
en in de body heb ik dan een aantal div's staan
Jquery sluit (na load) eerst alle divs, en na de click zouden ze 1 voor 1 open moeten gaan. Na elkaar !
Gewijzigd op 27/05/2011 10:50:24 door - Roland -
Weet aub iemand iets van JQuery
Wat jij doet werkt niet omdat je functie oproep in een functie moet staan. Ik heb het voor je getest en dit werkt wel:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
function do_with_div(v){
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000, function() {
do_with_div(v);
});
}
}
if (v<$('div').size()){v++;
// show what's going on
console.log(v);
$('div:eq('+v+')').slideDown(6000, function() {
do_with_div(v);
});
}
}
(& damned dat ik dat zelf niet heb bedacht, ik ben dat vaker tegen gekomen !)
Gelukkig zijn er aardige, hulpvaardige mensen hier op phphulp
Merci !
