CSS are not updating in update panel

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.

Is #MainContent_LinkGeneral the name with or without the update panel? An update panel is a naming container, are you sure you got the id right? — Mithrandir, Jul 30 '12 at 11:21
@Mithrandir has right did you check that id on client side is exacly same that in your function i mean `"#MainContent_LinkGeneral"`? — Harry89pl, Jul 30 '12 at 11:29
@Rajaram you can check that with plugin named `Firebug` in mozilla Firefox browser — Harry89pl, Jul 30 '12 at 11:44
All - #MainContent_LinkGeneral is the id generated for linkbutton in a browser. — Rajaram Shelar, Jul 30 '12 at 12:50

score 0 · Accepted Answer · edited May 23 '17 at 12:03

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

CSS are not updating in update panel

1 Answers1