开启。（单击）不触发

Question

I have an on click function which fires an ajax call, the on click function does not fire, I have used:

.click(function(){

Which works but I need the buttons to be able to click more than once so I tried:

<script type='text/javascript'>
  $(document).ready(function(){
    $("#post").on('click', function(){
      alert("JQuery Running!");
      $.ajax({
        type: "GET",
        url: "do.php",
        data: { c: $(this).attr("value") },
        success: function(html){
          $("#add_err").css('display', 'inline', 'important');
          $("#add_err").html(html);
        }
      });
    });
  });
</script>

<div class='err' id='add_err'></div>
<button id='post' value='1' />Do</button>

I have also tried:

$(document).on('click', '#post', function(){})

Which also does not work and my console.log is always showing:

Uncaught Typeerror: $(...).on is not a function 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

Answer 1

If you use an old jquery version (<1.7) you can use bind:

http://api.jquery.com/bind/