1.绑定对象的事件方法,下面代码为一个点击删除事件
$(function(){
$(".my_del").click(function(event){
var target = event.target;//获取当前点击事件的元素
var key = jQuery(target).attr("key");//取当前点击事件元素的属性
alert(key);
var msg = "";
var url = '<%=request.getContextPath()%>/cmsconfig/my_update.jsp?type=3';
$.ajax(
{
url:url,
type:'post',
asyn: false,
data:
{
key:key
},
success:function(json)
{
try{
var code;
eval("code="+json);
msg = "更新成功!";
alert("code="+code);
if(code == null || code.msg != true)
{
var c = ((code != null) ? code.code : "null");
msg="更新失败failed("+c+")!";
}
else
{
msg = "更新成功ok!";
//查找出点击事件元素的父节中点为tr的元素,并删除之
var parents = jQuery(target).parents("tr");
if(parents != null)
{
parents.remove();
}
}
jQuery("#msg").html(msg);
jQuery("#msg").show();
window.setTimeout("msgTip()", 2000);
}catch(e){
alert("#my_del success 有异常:"+e);
}
},
error:function()
{
msg = "网络调用失败!";
jQuery("#msg").html(msg);
jQuery("#msg").show();
window.setTimeout("msgTip()", 2000);
}
}
);//end of $.ajax
});
});
2.绑定多个元素时,最好是以class 为查到对象,如果用id会导致只绑定一个元素.多个class以空格分开.下面例子中的my_del是新增加的,没有样式效果,纯粹为了绑定删除函数.
<button class="my_del button orange" key="<%=key%>" onclick='return false;'>删除</button>
3.json格式
错误格式:{msg:true}
正确格式:{"msg":true}代表msg为bool类型 或者{"msg":"true"} msg为字符类型
后台解释json格式的方法:
var code;
eval("code="+json);
或者
eval("var code="+json);
4.append一个元素后,新的元素的事件不会被绑定的问题.
解决办法,使用jquery的live方法:
$(function(){
$(".my_del").live("click",function(event){
....
});
});
分享到:
相关推荐
jQuery文字记录搜索历史代码是一款localstorage本地化存储文字搜索历史代码。
jQuery使用Cookie和JSON记录用户浏览历史
这是一款简单实用的jQuery购买记录列表文字滚动更新代码,可用于用户购买订单记录滚动轮播展示使用,每次向下滚动更新一条记录。
jquery问题记录总结, 资源类型:文档 所属分类:开发技术 web开发
jQuery计算器带操作记录基于jquery-1.8.3.min.js制作,绿色风格,带计算记录结果。
文中涉及的代码 博文链接:https://singyuenyip.iteye.com/blog/1861268
jQuery购买记录滚动更新代码是一款简单的购买记录列表文字滚动更新代码。
jQuery日历插件非常多,这款日历插件的特点是可以在某天记录事件用来提醒自己去完成。事件可以精确到分钟,并可以添加多个事件,而且这款jQuery日历的外观十分漂亮,支持多个风格。
NULL 博文链接:https://xalydxn.iteye.com/blog/730222
jQuery mobile带历史记录的仿谷歌搜索
jQuery购买记录滚动显示代码基于jquery-1.12.3.min.js制作,购买记录滚动更新代码。
带操作记录jQuery计算器是一款基于jquery css3实现的高级科学计算器代码。
jQuery考勤时间段记录代码是一款设置一周每日时间段签到打卡考勤记录时间图表代码。
文件主要涉及几个jQuery和JavaScript的使用的小案例,当做对平常学习知识的记录!
NULL 博文链接:https://listen-raining.iteye.com/blog/2256318
jQuery的购买记录列表文字滚动更新代码
使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤选择器 使用jQuery可见性过滤...