【问题标题】:CSS are not updating in update panelCSS 未在更新面板中更新
【发布时间】:2012-07-30 11:17:02
【问题描述】:

我有保存在更新面板中的链接按钮。当我将其保存在更新面板中时。通过 Jquery 调用的悬停函数没有正确执行,我看不到悬停 css appliied。当我删除更新面板时,它显示正确。以下是应用的 jquery。

 $(document).ready(function () {

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


        });

为什么 css 没有在更新面板中更新。

【问题讨论】:

  • #MainContent_LinkGeneral 是带还是不带更新面板的名称?更新面板是一个命名容器,你确定你的 id 正确吗?
  • 也许您的按钮是动态添加到页面的?
  • @Mithrandir 是否正确,您检查客户端的 id 是否与您的功能完全相同,我的意思是 "#MainContent_LinkGeneral"
  • @Rajaram 您可以在 mozilla Firefox 浏览器中使用名为 Firebug 的插件进行检查
  • All - #MainContent_LinkGeneral 是为浏览器中的链接按钮生成的 id。

标签: jquery ajax updatepanel


【解决方案1】:

我只在这里找到了答案。我只是放了

$(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
});

用于维护回发。我将上面的代码放在脚本管理器之后,并将这个脚本保存在表单和正文标记之间。 请参考线程here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-29
    • 1970-01-01
    • 1970-01-01
    • 2012-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多