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>
If you use an old jquery version (<1.7) you can use bind:
Check to make sure you have put your click script after you have referenced jQuery on the page, not before.
Are you sure that is the only script referenced on your page? this sounds awefull lot like you have 1.7 < somewhere. I can't figure why else it would complain about .on() .
if you use chrome, 1) open dev tools 2) go to network tab 3) show filters 4) click js 5) look for jquery references there