【问题标题】:jquery class change to div not working on asp,netjquery 类更改为 div 不适用于 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 的回答就在下面是需要的......无论如何,谢谢。

标签: jquery asp.net postback


【解决方案1】:

试试这个:

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

【讨论】:

    【解决方案2】:

    使用

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-05-30
      • 1970-01-01
      • 1970-01-01
      • 2016-06-04
      • 2018-09-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多