ASP.net Ajax and JQuery - partial postback

Question

A radiobutton list and a repeater are in an updatepanel. The repeater is using a jQuery tools plugin - scrollable. The scrollable plugin works after the initial page load. It does not after I click on a radio button. I put in an input button to run the script below after a partial postback and the scrollable functionality works after I click it, so I'm guessing after the radio button click/partial postback, the javascript below that is needed by scrollable isn't being run. The scrollable plugin requires this: ``` ``` How do I run this after the radiobutton click? Or is there an alternate way to get this script to run after a partial postback? I don't want to do a full postback to remedy the problem. Thanks in advance.

Accepted Answer

Scrollable is not working after the partial postback because that portion of the page is re-rendered but the page is not loaded again (your javascript is not run). You can register a function to run when the partial post back completes and call scrollable from there to ensure it continues to work after the partial postback.

```
$(function() {
   Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

function EndRequestHandler(sender, args) {
      $("div.scrollable").scrollable({
         size: 3
       });
   }
});
```

ASP.net Ajax and JQuery - partial postback

Solution

Problem