Question

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

我有一个页面，当按下按钮时，首先它会在整个屏幕上放置一个灰色的“封面”，让用户知道正在发生的事情。

然后它运行一些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类更改为'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类未更改为coverNONE）

任何想法我做错了...... ???

Answer 1

试试这个：

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

Answer 2

使用

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

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

jquery类改为div而不是asp，net

2 个答案: