即使将ClientIdMode更改为静态，jQuery单击事件也不会触发-ASP.NET

Question

I am trying to use jQuery to show my loader when the login button is clicked, so I turned ClientIdMode = "Static" . The click event is still not firing and I'm having trouble figuring out what's going on:

<asp:Button ClientIDMode="Static" ID="btnLogin" CssClass="btn btn-block btn-large" runat="server" Text="Login" OnClick="btnLogin_Click"></asp:Button>

jQuery:

$("#btnLogin").click(function() {
$("#loader").show();
});

CSS:

#loader {
animation: animate 1.5s linear infinite;
clip: rect(0, 80px, 80px, 40px); 
height: 80px;
width: 80px;
position: absolute;
left: calc(50% - 40px);
top: calc(90% - 40px);
display: none;
}

I haven't tried to use jQuery with web forms before so I may be missing something, but I can't find any solutions at this point.

Thanks

Answer 1

This works if you change your background to red as an example.

http://jsfiddle.net/scrkd9e2/1/

Ensure that your button element is correctly named btnLogin and has not been modified by the ASP.NET framework.

If you're using jQuery 3.0. Alpha jQuery 3.0. Alpha . You should use addClass() and removeClass() rather than .show()