jQuery - remove function attached to div

Question

I'm running into a problem with jQuery, so I think I've figured out a workaround, but need help.

I currently attach a cycle() slideshow to my div like this:

function startSlideshow() {
    $('#slideshow').cycle({ some parameters });
}

When I pause and restart this slideshow, it exhibits weird behavior, due to bugs in the cycle plugin. So my workaround idea is this: to destroy the existing cycle() and then just recreate it on the fly.

I can easily recreate it by calling startSlideshow() again... but how do I kill the old cycle() that's attached to the div?

I guess I'm looking for a way to "unset" or "unbind" it completely (and jQuery's unbind() method isn't it).

Thanks-- Eric

Answer 1

Use the the plugins destroy command, it has been added to version 2.80

$('#slideshow').cycle('destroy');

Answer 2

You can use $('#slideshow').cycle('destroy');

But are you sure the weird behaviour is due to the cycle plug-in having bugs ? and not improper usage of it ?

How do you pause and restart the cycling ?

Answer 3

Hi,

I am experiencing similar problems and cycle('destroy') does not seem to work (actually, it does not seem to do anything. Could that be a bug in the plugin or can anyone verify the destroy command is working?

Thanks a lot in advance, Christiane