自写的jQuery异步加载数据添加事件
几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了。
当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。
1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能
代码如下:
$(‘#div').live(‘click',function(){
//do stuff
});
但是live方法也有不支持的事件,例如:toggle事件 ,遇到这个情况可以给他加个click事件,之后再来个模拟点击trigger事件就ok了
代码如下:
$('a').live('click',function(){
$(this).toggle(function(){
alert("q11");
//
alert($(this).attr("id"));
$(this).parent().children('ul').show();
},function(){
$(this).parent().children('ul').hide();
});
$(this).trigger('click');
/**
之前绑定的click事件,只有点击了才会触发toggle事件,所以就给他加上模拟点击事件,不需要点击直接出发
**/
});
2、jq1.7以上的就用on方法了,第一个属性为事件,第二个是 选择器,第三个是 执行的方法
代码如下:
$(document).on("click","#d1",function(){
alert("bbbbb");
});
相关推荐
-
js 动态加载事件的几种方法总结
有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用. 方法一.setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "javascript:alert('测试');"); 这里利用 setAttribute 指定 onclick 属
-
jQuery移动web开发中的页面初始化与加载事件
页面初始化事件(pagebeforecreate.pagecreate) Jquery Mobile会自动基于page"内的增强的约定自动初始化一些插件.例如:给一个input输入框约定了type=range属性会自动生成一个自定义滑动条.这些自动初始化的行为是受"page"插件控制的,它在执行前后部署部署事件,允许你在初始化前后操作页面,或者甚至自己提供初始化行为,禁止自动初始化.注以下的页面初始化事件在每个"page"只被触发一次,与每次页面在显示或者
-
JQuery中DOM加载与事件执行实例分析
本文实例讲述了JQuery中DOM加载与事件执行原理.分享给大家供大家参考.具体分析如下: JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的.当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件.例如当浏览器装载完一个文档后,会生成事件:当用户单击某个按钮时,也会生成事件.虽然利用传统的JavaScript事件能完成这些交互,但jQuery增加并扩展了基本的事件处理机制.jQuery不仅提供了更加优雅的事件处理语法,而且极大地增强了事件处理能
-
javascript页面加载完执行事件代码
复制代码 代码如下: <script type="text/javascript" language="JavaScript"> //: 判断网页是否加载完成 document.onreadystatechange = function () { if(document.readyState=="complete") {
-
JavaScript与Image加载事件(onload)、加载状态(complete)
昨天用jQuery插件aeImageResize,发现它更有优势:每张图片加载完后,会马上进行等比缩放. 这归于图片对象Image的加载事件onload的功劳. 查看插件的源码,发现它也依赖图片对象的complete属性和onload事件,并且特别把IE6区分对待,到底IE6在图片加载对象上,与其它浏览器有什么不同呢? 看下文: 通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入,我谈谈对Image对象的一些认识. 看个例子: 复制代码 代码如下: <input type=&qu
-
javascript 事件加载与预加载
通常来说,window.onload就够用了,如果想加载多个事件,我们可以采取以下方式: 复制代码 代码如下: window.onload = function(){ func1(); func2(); func3(); //更多加载事件------ } 但如果由于某种特殊需要,我们不能合在一起写吗?如当前区域是面向管理员,后台生成页面时只有当用户是管理员,页面才生成这部分,而这部分也用到一些特殊的脚本,上面的方法就歇菜了! 复制代码 代码如下: //后台代码 <script type="
-
javaScript 页面自动加载事件详解
方法1: 复制代码 代码如下: Window.onload=function(){ Var name=document.getElementById("name").val();//加载HTML,并且加载外部所有所有的引用文件(图片,css样式,js等)} 方法2:需要引入Jquery的 .js文件 复制代码 代码如下: $(document).ready(function(){ alert("JQuery的第一个入门案例");//加载HTML,
-
jQuery与JS加载事件用法分析
本文实例分析了jQuery与JS加载事件用法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea
-
js onload处理html页面加载之后的事件
复制代码 代码如下: <script type="text/javascript"> window.onload=function(){ alert("加载完毕") } </script>
-
jQuery异步加载数据并添加事件示例
几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了. 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的. 1.之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 $('#div').live('click',function(){ //do stuff }); 但是live方法也有不支持的事件,例如:to
-
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
看个例子: 复制代码 代码如下: <input type="button" name="" value="载入图片" onclick="addImg('tt.jpg')" /> <script type="text/javascript"> <!-- function addImg(isrc) { var Img = new Image(); Img.src = isrc; I
随机推荐
- OBLOG4.0 OBLOG4.5漏洞利用分析
- 15个postgresql数据库实用命令分享
- oracle中 procedure(存储过程)和function(函数)本质区别
- Oracle数据库opatch补丁操作流程
- Python 正则表达式实现计算器功能
- GO语言类型转换和类型断言实例分析
- InnoDB的关键特性-插入缓存,两次写,自适应hash索引详解
- js事件委托和事件代理案例分享
- Linux Shell 数组的创建及使用技巧
- 用户体验第一 font-size放弃px选择em
- 详细解读Ruby当中的条件判断语句
- CentOS系统上安装配置Oracle数据库的详细教程
- jQuery判断对象是否存在的方法
- webpack学习笔记之代码分割和按需加载的实例详解
- uploadify上传及后台文件合法性验证的代码解析
- php中session与cookie的比较
- Android组件popupwindow使用方法详解
- Spring中MVC模块代码详解
- Java集合与数组区别简介及相互转换实例
- python实现一个简单的并查集的示例代码