duplicated events callback when using the same circle in multiple times about jquery-circle-progress HOT 6 CLOSED

w/o changing source code, I add unbind in event callback to fix this issue temporarily:

.on('circle-animation-end', function(event){
    //blabla ......
    $(this).unbind();
});

from jquery-circle-progress.

Hi!

Sorry for delayed reply. Could you, please, give an example, how exactly can I reproduce this issue? (full code example)

from jquery-circle-progress.

@kottenator

First of, awesome plugin many thanks.
See code below, "end" will be called twice(directly and when animation is finished).

$('.preloader .circle').circleProgress({
    value: 1,
    size: 100,
    emptyFill: "rgba(68,68,68,1)",
    fill: {
         color: "#ffba00"
    }}).on('circle-animation-end', function(event) {
            console.log( "end" )
    });

Adding javascript el.unbind(); to src will fix this

from jquery-circle-progress.

But it's absolutely normal behavior. You attach event handler twice - and it's triggered twice.

If you want to re-use the same circle but to trigger the event only once, do next:

$('.preloader .circle').circleProgress({
    value: 1,
    size: 100,
    emptyFill: "rgba(68,68,68,1)",
    fill: {
         color: "#ffba00"
    }
});

$('.preloader .circle').on('circle-animation-end', function(event) {
    console.log("end");
});

// event is triggered once

$('.preloader .circle').circleProgress({
    // ...
});

// event is triggered once more, but not twice

from jquery-circle-progress.

Have I solved your problem? Or haven't I understood it?

from jquery-circle-progress.

Hi,

Sorry for the late reply. Yes thanks I updated my code with your and it worked perfect.

from jquery-circle-progress.