回发后显示div不使用jquery和asp.net_Jquery_Asp.net

回发后显示div不使用jquery和asp.net

jquery asp.net

回发后显示div不使用jquery和asp.net,jquery,asp.net,Jquery,Asp.net,在我问这个问题之前，我真的在互联网上搜索过，所有的答案都谈到了使用jQuery的更新面板，但我的问题并不简单。我试图使用jQuery与ASP.NET按钮和div，如下所示，但它不起作用，或者它起作用，但在回发后，页面放弃所有jQuery工作 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html PUB

在我问这个问题之前，我真的在互联网上搜索过，所有的答案都谈到了使用jQuery的更新面板，但我的问题并不简单。我试图使用jQuery与ASP.NET按钮和div，如下所示，但它不起作用，或者它起作用，但在回发后，页面放弃所有jQuery工作

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=btn1.ClientID %>").click(function () {
                $('#savediv').css('display', 'block');
            });
        })    
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="savediv"  style="display:none">
        <p>All Data Saved Successfully</p>
    </div>
    <asp:Button ID="btn1" runat="server" Text="Test" />
    </form>
</body>
</html>


$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（'#savediv'）.css（'display'，'block'）；
});
})    
已成功保存所有数据

试试这个-无需回发

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".AspButton").click(function () {
                $('#savediv').css('display', 'block');
            });
        })    
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="savediv"  style="display:none">
        <p>All Data Saved Successfully</p>
    </div>
    <asp:Button class='AspButton' ID="btn1" runat="server" Text="Test" onclick="javascript:void(0)" />
    </form>
</body>
</html>


$（文档）.ready（函数（）{
$（“.AspButton”）。单击（函数（）{
$（'#savediv'）.css（'display'，'block'）；
});
})    
已成功保存所有数据

只需尝试以下代码：

 <script type="text/javascript">
    $(document).ready(function () {
        $("#<%=btn1.ClientID %>").click(function () {
            $('#savediv').css('display', 'block');
             return false;
        });
    })    
</script>


$（文档）.ready（函数（）{
$（“#”）单击（函数（）{
$（'#savediv'）.css（'display'，'block'）；
返回false；
});
})

只需在按钮的jquery代码末尾添加“returnfalse；”。它将阻止按钮发回。

如果它将发回，您的客户端更改将丢失。因此，要么使用更新面板，要么在回发过程中尽量保持控件的状态；尝试为style创建一个类名，并根据您的条件/单击事件添加和删除该类。感谢@NileshThakkar提供您的答案您建议在回发事件后通过代码操纵Div，或者我应该使用更新面板这是一个很长的路要走，这一点不是walfare asp.NET谢谢@JohnSmith对于你的回答，我没有使用内联风格，只是简单的代码来展示我的案例，你也建议使用代码隐藏来解决问题你的答案和他的问题代码有什么区别？它不会回邮吗？class='AspButton'$（“.AspButton”）.click（function（）{上面的代码没有触发button的回发事件吗？亲爱的，您刚刚添加了一个类并使用类触发了click事件。但是当click事件触发时，它肯定会触发回发事件