不能通过jQuery禁用div

Question

Can you please take a look at this code and let me know why I am not able to Disable the div on clicking

 $("#test").on("click", function(){ alert("You Clicked On Div."); }); $("#test").prop("disabled", true); $("#test").attr("disabled", 'disabled'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="test"> Click Me </div> 

Answer 1

If you are wanting to "turn off" the click, you need to use .off

$("#test").on("click", function(){
    alert("You Clicked On Div.");
    $("#test").off("click");
});

If you click once, the alert will fire. Next time it will not as all "click" events have been unbound from any element matching "#test".