jQuery中事件的解除问题
2015-08-05 09:39
756 查看
如果在开发中出现了页面和文件重复加载严重导致网页运行缓慢的问题时,要注意已经添加的事件是否解除了绑定。
使用unbind()来解除绑定,例如:
//左侧tab切换
$("html").unbind().on("click", ".left-nav > li", function(event){
var index=$(this).index();
var dateTime = new Date().getTime();
var tempData = {
quoteType: "e",
orderBy: 2,
quoteDate: dateTime,
detailType: "",
page: 1,
rows: 5
};
$.ajax({
type: "POST",
url: global.context+"/web/front/quoteFollow/showChange",
contentType: "application/json;charset=UTF-8",
dataType: "html",
async: false,
data: JSON.stringify(tempData),
success: function(msg){
$("html").html(msg);
event.stopPropagation();
}
});
$(".left-nav > li").removeClass("active");
$(".left-nav > li").eq(index).addClass("active");
$(".table-block").addClass("hide").removeClass("show");
$(".table-block").eq(index).addClass("show").removeClass("hide");
});
使用unbind()来解除绑定,例如:
//左侧tab切换
$("html").unbind().on("click", ".left-nav > li", function(event){
var index=$(this).index();
var dateTime = new Date().getTime();
var tempData = {
quoteType: "e",
orderBy: 2,
quoteDate: dateTime,
detailType: "",
page: 1,
rows: 5
};
$.ajax({
type: "POST",
url: global.context+"/web/front/quoteFollow/showChange",
contentType: "application/json;charset=UTF-8",
dataType: "html",
async: false,
data: JSON.stringify(tempData),
success: function(msg){
$("html").html(msg);
event.stopPropagation();
}
});
$(".left-nav > li").removeClass("active");
$(".left-nav > li").eq(index).addClass("active");
$(".table-block").addClass("hide").removeClass("show");
$(".table-block").eq(index).addClass("show").removeClass("hide");
});
over
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- JavaScript演示排序算法
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 浏览器 cookie 限制
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
- Jquery 表单取值赋值的一些基本操作