文档章节

jquery的live方法,firebug为什么总是提示不是一个function

ForingY
 ForingY
发布于 2015/12/09 17:07
字数 206
阅读 38
收藏 1

代码:

$('.banner-circle li').live('click', function() {
		var index = $('.banner-circle li').index(this);
		$banner_ul.animate({
			left : -v_width * index
		}, 'slow');
		page = index + 1;
		cirMove();
	});

最后才明白是jqueryde 版本问题,(是jquery-1.9.1.min.js)。jquery1.4使用.live(),1.7以后开始使用.on()。  

$('.banner-circle li').live('click', function() {
		var index = $('.banner-circle li').index(this);
		$banner_ul.animate({
			left : -v_width * index
		}, 'slow');
		page = index + 1;
		cirMove();
	});
$('.banner-circle li').on('click', function() {
		var index = $('.banner-circle li').index(this);
		$banner_ul.animate({
			left : -v_width * index
		}, 'slow');
		page = index + 1;
		cirMove();
	});

jquery中的on和live(以及delegate)效果是不同的 
live以及delegate对于以后创建的dom节点依然有效,on就指定到当前节点了 
当然,使用live和delegate的选择器有很大特点,就是它支持新增加的dom节点,也就是可能是多个,如果使用$('#id'),就看不出有代理方式有什么方式了

© 著作权归作者所有

共有 人打赏支持
ForingY
粉丝 23
博文 272
码字总数 156129
作品 0
杭州
程序员
私信 提问
绑定live bind click

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,...

波利beryl
2014/11/17
0
0
Jquery绑定事件(bind和live的区别)

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,...

FuniK
2013/09/23
0
1
jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件...

吟啸_徐行
2014/02/20
0
0
jQuery中的.bind()、.live()和.delegate()之间区别分析

jQuery中的.bind()、.live()和.delegate()之间区别分析: DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击...

freedonn
2014/02/27
0
0
jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery

DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发...

walkingC
2014/05/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7 部署Apache服务器

centos7 部署Apache服务器 置顶 2017年09月05日 09:12:49 师太,老衲把持不住了 阅读数:19700 飞翔科技 2017-09-04 16:24 Apache程序是目前拥有很高市场占有率的Web服务程序之一,其跨平台和...

linjin200
30分钟前
1
0
CENTOS7 搭建文件服务器:samba共享linux文件夹

一、安装samba: sudo yum install samba 二、配置samba共享目录 sudo vi /etc/samba/smb.conf [rpi_web_notebooks] comment = 树莓派jupyter notebook目录 path = /home/......

mbzhong
40分钟前
2
0
解析Nuxt.js Vue服务端渲染摸索

本篇文章主要介绍了详解Nuxt.js Vue服务端渲染摸索,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 Nuxt.js 十分简单易用。一个简...

前端攻城老湿
49分钟前
4
0
深入解析React中的元素、组件、实例和节点

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的...

前端攻城小牛
今天
5
0
菜鸟网络三面面经(java开发岗):Spring boot+JVM+线程池+中间件

一面 1、HaspMap底层原理?HaspTable和ConcurrentHashMap他们之间的相同点和不同点? 2、由上题提到锁的问题 3、MySQL的表锁&行锁&乐观锁&悲观锁,各自的使用场景 4、Java线程锁有哪些,各自的...

别打我会飞
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部