Hallo,

Ik zit met een probleem en ik post het hier in de hoop dat iemand mij ermee kan helpen.

Wanneer er op iets is geklikt begint deze functie:

PHP Code:

$('#id').hide(250);
///nog wat hier
$('#id').delay(250).show(800).delay(4000).hide(800); 


Het probleem is, dat wanneer je meer dan één keer klikt, herhaalt hij zichzelf. En raakt doet dat ding raar.

Zou iemand weten hoe ik dit kan oplossen?

Ik heb al $('#idt').stop(); en $('#id').die(); geprobeerd maar daar lukt het ook niet mee.

Voor voorbeeld van het probleem graag een PM sturen aangezien ik de site nog niet wil publiceren, wordt namelijk open source gemaakt wanneer het afgemaakt is.

Groeten,
Tim

Beste,

Een oplossing van dit probleem is opzicht best simpel

Code:

jQuery(document).ready(function() {
    jQuery("#hallo").click(function() {
        jQuery('#hallo').attr("id", "newid");
        jQuery('#newid').hide(250);
        jQuery('#newid').delay(250).show(800).delay(4000).hide(800);
        jQuery('#newid').attr("id", "hallo");
    });
});

Omdat het element tijdens de events een nieuwe id heeft zal een 2e click niet mogelijk zijn tot alle events klaar zijn en het id weer terug gezet is.

Origineel gepost door Tim vd Wolde

Beste,

Een oplossing van dit probleem is opzicht best simpel

Code:

jQuery(document).ready(function() {
    jQuery("#hallo").click(function() {
        jQuery('#hallo').attr("id", "newid");
        jQuery('#newid').hide(250);
        jQuery('#newid').delay(250).show(800).delay(4000).hide(800);
        jQuery('#newid').attr("id", "hallo");
    });
});

Omdat het element tijdens de events een nieuwe id heeft zal een 2e click niet mogelijk zijn tot alle events klaar zijn en het id weer terug gezet is.

Misschien net iets te simpel, want jouw idee werkt niet.
En dat is ook niet de bedoeling, ik wil graag dat indien er opnieuw op geklikt wordt, dat hij meteen weer hide, en opnieuw shode via jQuery('#newid').delay(250).show(800).delay(4000). hide(800); Maar wanneer hij dat doet, en ik klik weer, dat hij dan niet de dinge van die click en de vorige click door elkaar doet. Dat als het ware de functie waarmee hij bezig was stop wordt gezet.

Wel nog bedankt voor de hulp!

Groeten,
Tim

Met jQuery doe ik dat meestal zo:

PHP Code:

<script src="js/jquery-1.4.3.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">

$(function(){ 
        
    $('#inlogbalk a').click(function(){
        
        $('#loginbox').animate({'height': 'toggle'}, 250);
        
    });
            
});

</script> 


Je zou het inderdaad kunnen doen met animate().
Hierdoor krijgt het geen conflict omdat deze direct over zal lopen op de nieuwe event.

Origineel gepost door Jos van M

Met jQuery doe ik dat meestal zo:

PHP Code:

<script src="js/jquery-1.4.3.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">

$(function(){ 
        
    $('#inlogbalk a').click(function(){
        
        $('#loginbox').animate({'height': 'toggle'}, 250);
        
    });
            
});

</script> 


Helaas, daar is het ook niet mee gelukt!

Ik moet eigenlijk maar iets heel simpels, de functie die momenteel wordt uitgevoerd stoppen. Maar dit lukt niet met stop()/die() of dingen die hier zijn aangegeven.

Groeten,
Tim

Al is naar "slideToggle" gekeken?

http://api.jquery.com/slideToggle/

Dit moet toch echt te verhelpen zijn met .stop() wellicht zul je even kunnen proberen met .stop(true, false)

Meer info: http://api.jquery.com/stop/

Moet je niet gewoon je ID steeds ff leeg gooien na dat hij geladen is? $('#id').empty(); ofzo iets

Hallo,

De stop functie heb ik geprobeerd maar kreeg daar een raar effect uit. Als je weer de functie starte terwijl die nog bezig was gaat hij de volgende keer niet verder dan het punt waar die stopte. (Kan voorbeeld laten zien via PM).

Ik kan de ID niet weglaten aangezien ik heb $('#id').click( function () { });
Als k het ID zou weglaten zou de functie niet werken tot ik het terug zet. Maar de functie moet starten ook al is die bezig.

Heb overigens wel een manier gevonden, maar werkt niet volledig zoals ik wou en is omslachtig.

Groeten,
Tim

Wil je mij een PM sturen met je probleem.
Ben zeer benieuwd naar wat het nu precies is en er is technisch bijna altijd een oplossing... :)

Origineel gepost door Tim van den Belt

Hallo,

Ik zit met een probleem en ik post het hier in de hoop dat iemand mij ermee kan helpen.

Wanneer er op iets is geklikt begint deze functie:

PHP Code:

$('#id').hide(250);
///nog wat hier
$('#id').delay(250).show(800).delay(4000).hide(800); 


Het probleem is, dat wanneer je meer dan één keer klikt, herhaalt hij zichzelf. En raakt doet dat ding raar.

Zou iemand weten hoe ik dit kan oplossen?

Ik heb al $('#idt').stop(); en $('#id').die(); geprobeerd maar daar lukt het ook niet mee.

Voor voorbeeld van het probleem graag een PM sturen aangezien ik de site nog niet wil publiceren, wordt namelijk open source gemaakt wanneer het afgemaakt is.

Groeten,
Tim

PHP Code:

// Als DOM volledig geladen is
$(function(){

    // Draai deze functie bij klik op element
    $('selector voor element').click(function(e){
        $(this) // jQuery object voor het aangeklikte element
            .stop()
            .hide(250)
            .show(800)
            .delay(4000)
            .hide(800)
        ;
    });

}); 


Dit zou moeten werken.
Maar je zegt dat er tussendoor ook nog wat gebeurt, misschien kun je als dit niet werkt je volledige code even posten.