javascript - jQuery OnClick 没有触发我的事件

Question

我有一个像这样的 jQuery:

<script type="text/javascript">
   $(document).ready(function () {

       $("#txtAgentName").click(function (event) {

           alert("I am ready!");

       });

   });
</script>

我假设如果我单击文本框 txtAgentName，这应该会触发。但这并没有发生。

这是我的文本框标记:

 <asp:TextBox ID="txtAgentName" runat="server" onclick="Event();"></asp:TextBox>

但是，当我在 Javascript 上执行此操作时:

function ShowTime() {
         alert('<%= DateTime.Now.ToString() %>');
       }

并从我的 TextBox OnClick 事件中调用此 ShowTime，然后它就会启动。不知道我在这里做错了什么:(

Answer 1

1. 在 ASP.NET 中设置 ID 并不意味着 DOM 元素将代表相同的 ID
2. 您有一个 onclick 事件处理程序，请尝试将其删除。

相反，我会在上面添加一个类并执行类似的操作

<asp:TextBox ID="txtAgentName" runat="server" CssClass="my-text-box"></asp:TextBox>

$(function() {
    $('.my-text-box').click(function() {
        alert('Clicked!');
    });
});

构建控件树时将使用 ASP.NET WebForms 中控件的 ID 属性。如果你查看 DOM 中的实际 ID，它可能会显示类似 MainContent_txtAgentName 的内容。相反。

您可能还想看看设置 ClientIDMode http://beyondrelational.com/blogs/hima/archive/2010/07/16/all-about-client-id-mode-in-asp-net-4.aspx

如果您使用的是 ASP.NET 4.0，则可以使用 <asp:TextBox ID="txtAgentName" runat="server" ClientIDMode="Static" ></asp:TextBox>这会将 ID 属性中的内容逐字渲染为 DOM 上的实际 ID。