Question

在我问这个问题之前，我真的在互联网上搜索了所有的答案都谈到了使用jQuery更新面板，但我的问题不仅仅是简单。我正在尝试使用带有ASP.NET按钮和div的jQuery，如下所示，但它不起作用或它正在工作，但在回发后页面丢弃所有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>

Answer 1

只需尝试以下代码：

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

只需添加“return false;”单击结束按钮的jquery代码。它会阻止按钮回发。

Answer 2

试试这个 - 无需回发

<%@ 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>

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

2 个答案: