jquery 类更改为 div 不适用于 asp，net

Posted 2023-05-08

【中文标题】jquery 类更改为 div 不适用于 asp，net

【英文标题】：jquery class change to div not working on asp,net

【发布时间】：2015-04-21 04:33:09

【问题描述】：

我在我的 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）

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

【问题讨论】：

解决此类问题的最快方法之一是深入了解...查看您的 Web 服务器从您的 ASP.NET 代码中生成的 html。那——HTML——是 CSS 和 JS 作用于 .

的东西

正如你所说，我在引擎盖下查看了，但 Rick 的回答就在下面是需要的......无论如何，谢谢。

【参考方案1】：

试试这个：

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

【参考方案2】：

使用

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

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