I use #ahah binding to a form element to modify a #ahah[‘wrapper’] HTML div. It contains a ‘slider’ div for the EasySlider jQuery UI plugin. This div contains a list where each list item represents one slide. When the ahah event is triggered, the wrapper HTML is replaced by a new set of slides.

When the form loads the slider works fine.

Here’s the problem: when the ahah event is triggered the jQuery no longer works. The new slides display one below the other, no animation. Shouldn’t the jQuery function be called automatically, or what is needed to make the call?

Comments

jpdaut’s picture

Here's the solution, hope this helps others. In your .js file, insert:

$(document).ajaxComplete(function(e, xhr, settings) {
$("#slider").easySlider({
auto: true,
continuous: true
});
});