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

jpdaut CreditAttribution: jpdaut commented

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
});
});

nod_’s picture

nod_
Primary language French
Location Lille
CreditAttribution: nod_ at Acquia commented
Issue summary: View changes
Status: Active » Closed (outdated)

Version for Drupal 6 is not supported anymore, closing.