Modal Popup Not Working Inside Updatepanel

I have a gridview inside UpdatePanel. One of the column in gridview is link which when clicked should display modal (i am using zurb modal http://www.zurb.com/playground/reveal-mod

Solution 1:

ok finally found the solution. didn't know but you couldn't reference jquery.js file twice in the project. I had reference to my jquery.js file in Master file and i had same reference in my Department.aspx file. Got rid of duplicate jquery reference and it just worked fine.

Solution 2:

What's probably happening is the same conflict that happens between jquery and updatepanels ( know you're not using jquery, but i'm sure it's the same type of issue). Basically the updatepanel is not refreshing the entire DOM so the other js library's functions never get called. Here's a blog post on dealing with it.

http://weblogs.asp.net/hajan/archive/2010/10/07/make-them-to-love-each-other-asp-net-ajax-updatepanels-amp-javascript-jquery-functions.aspx

Solution 3:

Jquery doesn't play nice with updatePanels unless you do the following:

function pageLoad() {
  //Your Jquery code goes here...
}