Question

I have link button which is kept in the update panel. When i kept this in the update panel. Hover function called through the Jquery not performing correctly, I could not see hover css appliied. When i removed update panel, it is showing correctly.Following is the jquery applied.

 $(document).ready(function () {

            $("#MainContent_LinkGeneral").hover(
            function () { $(this).addClass("TabGeneralHover"); },
            function () { $(this).removeClass("TabGeneralHover"); }
            );


        });

why css are not updated in updatepanel.

Answer 1

I found answer over here only. I just put

$(document).ready(function() {
// bind your jQuery events here initially
});

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

prm.add_endRequest(function() {
// re-bind your jQuery events here
});

for maintaning the postback. I put above code after scriptmanager and kept this script between ends of form and body tag.
Please refer thread here