smarty框架中 点击即可编辑标题的 jquery实现代码

很不错的jquery

Madmin.rename = function(obj,url){
var info = $(obj).parent();
var id = $(obj).attr('nid');
var info_txt = info.text();
info.html('<input id="input_id_'+id+'" type="text" value="'+info_txt.replace(/\"/g, '"')+'" class="inputstyle" />');
//前面4句 用于将标题替换为输入框
var input = $('#input_id_'+id);
input.focus(); //自动获取焦点
input.select();　//自动选择全部文字
input.blur( //失去焦点时 进行数据post到目标页面，目标页面检测到post进行数据处理，入库，输出（回传）数据data
function(){
if(this.value != info_txt && this.value!=''){ //进行数据检测，如果内容有改变
$.post(
url,
{name:this.value},
function(data){
if(data.ret){
$(obj).html(data.html); //检测到回传成功 ，将回传的标题替换现在的标题
info.empty().append(obj); //删除输入框，重新插入标题
}else{
info.empty().append(obj); //没有成功回传数据，重置回标题
}
},
'json');
}else{
$(obj).html(info_txt);
info.empty().append(obj);
}
});
input.unbind('keypress').bind('keypress', //当输入框内回车键（keyCode == 13）被按下，触发blur
function(e){
if(e.keyCode == 13){
input.blur();
}
});
}