在我的网站上,我有一个内联编辑,用于快速编辑/保存。它在第一次运行时工作正常,但是,在 jQuery 重新创建<a>
标记后,它停止工作。这是jQuery:
$('form#notice').submit(function(e){
e.preventDefault();
var a = $('form#notice input[name=\'act\']').val();
var n = $('input[name=\'notice\']').val();
$('span#form').hide(); $('span#adminnotice').html(n).show(); $('span#edit').show();
$.ajax({
type: 'POST',
data: { act:a, set:n },
success: function(result){
$('span#edit').html('<img src=\'./images/check.png\' />').delay(1000).fadeOut('slow', function(){
$(this).html('<a href=\'#\'>[edit]</a>').fadeIn('fast');
});
}
});
return false;
});
$('span#edit a').click(function(e){
e.preventDefault();
var input = $('span#adminnotice').text();
var lngth = input.length;
$('form#notice').html(
\"<input type='text' name='notice' value='\"+input+\"' style='width:\"+((lngth+1)*6)+\"px' onkeyup=\\\"this.style.width=((this.value.length+1)*6)+'px';\\\" maxlength='256' />\" +
\"<input type='hidden' name='act' value='adminnotice' />\" +
\"<input type='submit' value='Update' />\"
);
$('span#adminnotice').hide();$('span#edit').hide().html('<img src=\'./images/saving2.gif\' />');$('span#form').show();
return false;
});
在第一次运行后,该.click()
功能停止工作,因为我删除了<a>
,然后重新添加它。.click()
如果我复制整个并将其放入 AJAX 的一部分,我可以让它工作success:
,但是,我知道肯定有一些我不知道的东西,因为我非常怀疑 jQuery 的开发人员会要求程序员复制两次相同的代码。
感谢您的帮助:D