jquery class 更改为 div 无法在 asp,net 上工作

Question

我的 asp.net 网页上有一些 Jquery 脚本运行，这让我发疯。

我有一个页面，当按下一个按钮时，它首先会在整个屏幕上显示一个灰色 'cover'，让用户知道发生了什么事。

然后它运行一些 vb 代码，将屏幕数据保存到数据库中。终于完成了，我想让'cover'div再次隐藏...

CSS.....

  .coverNONE{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:1000; width:100%; height:100%; display:none; } 
  .coverYES{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:1000; width:100%; height:100%; display:block; }

HTML/ASP.NET（部分）

    <asp:Button id="BtnDetailsUpdate" Text="Update Record" ToolTip="This is an example-button" runat="server" onclick="BtnDetailsUpdate_Click" onclientclick="ShowCover('coverYES');"/>
... more code...

    <div id="div_Cover" runat="server" class="coverNONE"> 
    </div>

这是 jquery 脚本... ShowCover 有效，但 HideCover 无效（脚本运行，只是它不会将 div class 更改为 'none'（再次隐藏它）

             function ShowCover(strCode) {                     
                 $("#div_Cover").addClass('coverYES');
             }

             function HideCover(strCode) {                     
                 $("#div_Cover").addClass('coverNONE');
             }

vb代码...

Protected Sub BtnDetailsUpdate_Click(sender As Object, e As EventArgs)

    ...code here that saves the record to database
' this code runs the script from within vb...
        ScriptManager.RegisterClientScriptBlock(Me, [GetType](), "none", "<script>HideCover();</script>", False)


End Sub

jquery 脚本从 VB 运行（我在脚本上设置了一个警报并且它有效）但是由于某种原因 div 没有隐藏（div class不改成coverNONE)

知道我做错了什么....???

Answer 1

试试这个：

 function HideCover(strCode) {    
      $("#div_Cover").removeClass('coverYES');
      $("#div_Cover").addClass('coverNONE');
 }

Answer 2

使用

$("#div_Cover").removeClass('coverYES');

这将删除您添加的 class，然后再次添加 class

jquery class 更改为 div 无法在 asp,net 上工作

jquery class change to div not working on asp,net

asp.net

jquery

postback