我正在尝试实现内联编辑,但我收到错误:
TypeError: $(...).live is not a function
$('#editbox').live('blur',function(){
我的代码:
<script>
$(document).ready(function(){
$('td.edit').click(function(e){
var $target = $(e.target);
if($target.is('#editbox')){
return;
}
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
$(this).addClass('ajax');
$(this).html('<input id="editbox" size="10" type="text" value="' + $(this).text() + '">');
$('#editbox').select();
}
);
$('td.edit').keydown(function(event){
arr = $(this).attr('class').split( " " );
if(event.which == 13)
{
$.ajax({ type: "POST",
url:"supplier/update.php",
data: "value="+$('.ajax input').val()+"&rowid="+arr[2]+"&field="+arr[1],
success: function(data){
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
}});
}
}
);
$('#editbox').live('blur',function(){
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
});
});
</script>
HTML: