0

在我问这个问题之前,我真的在互联网上搜索过所有的答案都谈到了使用 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>
4

2 回答 2

1

只需尝试以下代码:

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

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

于 2013-08-06T08:23:37.743 回答
0

试试这个 - 无需回发

<%@ 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>
于 2013-08-06T08:19:50.957 回答