Javascript question: TypeError: $(...).on is not a function
I'm using the following script. Can anyone help debug? Thank you!
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function
$('textarea, input').on('blur', function() {
var itemID = $(this).attr('id');
var itemVal = $(this).val();
var itemVal = itemVal.replace(/\n/g, '<br />');
var itemVal = itemVal.replace(/&/g, 'and');
var itemstring = "ID=" + itemID + "&value=" + itemVal;
processChange(itemstring);
});
function processChange(itemstring){
//console.log(itemstring);
//return false;
$.ajax({
type: "GET",
url: "php/update.php",
data: itemstring,
complete: function(data) {
var Resp = data.responseText;
//console.log(Resp);
},
success: function() {
$('#saved').css('display',
setTimeout(function() {
$('#saved').animate({
opacity: 0,
}, 500, function(){
$('#saved').css('display',
});
}, 1000);
}
});
}// end ProcessChange
}); // end script wrapper
</script>
</head>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function
$('textarea, input').on('blur', function() {
var itemID = $(this).attr('id');
var itemVal = $(this).val();
var itemVal = itemVal.replace(/\n/g, '<br />');
var itemVal = itemVal.replace(/&/g, 'and');
var itemstring = "ID=" + itemID + "&value=" + itemVal;
processChange(itemstring);
});
function processChange(itemstring){
//console.log(itemstring);
//return false;
$.ajax({
type: "GET",
url: "php/update.php",
data: itemstring,
complete: function(data) {
var Resp = data.responseText;
//console.log(Resp);
},
success: function() {
$('#saved').css('display',
setTimeout(function() {
$('#saved').animate({
opacity: 0,
}, 500, function(){
$('#saved').css('display',
});
}, 1000);
}
});
}// end ProcessChange
}); // end script wrapper
</script>
</head>
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Your jQuery reference is for a very old version. Update your reference.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Premium Content
You need an Expert Office subscription to comment.Start Free Trial