jQuery effects disappear after ASP postback in Firefox

Question

I have a ASP updatepanel, within that panel I have some controls which got jQuery effects connected to them.

The effects work perfect before posback, after postback the effects only work in IE not in FF. To get it working in IE I added the following to my MasterPage:

function pageLoad(sender, args) { // Initialize jQuery effects. }

With this code it works in IE but bot in FF, anyone got an answer to this one?

Answer 1

The pageLoad shortcut definitely does work the same way in Firefox as in IE. Double check that you don't have any JavaScript errors that are only throwing in Firefox.

Answer 2

You need to rebind your effects after the UpdatePanel finishes loading. You can achieve that by adding the following code:

<script type=”text/javascript”>

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(panelLoaded);

function panelLoaded(sender, args){

    // Rebind your elements/effects here.

}

</script>