Question

当我在asp.net控件中使用form标签时，Jquery没有waching。那么解决方案是什么。我正在尝试多种技术，但它不起作用。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#bt1").click(function () {
                $("#p1").hide(2000);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <p runat="server" id="p1">this is asp.net</p>
        <asp:Button ID="bt1" Text="click" runat="server"/>
    </div>
        </form>
</body>
</html>

Answer 1

当您使用ASP.NET并且bt1是button服务器控件时，您需要使用Control.ClientID。

<%= bt1.ClientID %>将获取ASP.NET生成的HTML标记的控件ID。

使用

$("#<%= bt1.ClientID %>").click(function () {
    $("#<%= p1.ClientID %>").hide(2000);
});

OR

您可以使用ClientIDMode.Static模式，然后继续使用现有代码。但是我不推荐它。

使用<form>标签</form>时jquery无法正常工作

1 个答案: