text-indent在ie6下input发生位移

改进的jQuery toggle方法实现旧版功能
本文探讨了在高版本jQuery中实现类似于旧版本toggle功能的方法,通过使用变量和点击事件替代原有的toggle函数,解决低版本jQuery切换冲突的问题。

方法-:display:inline-block !important; display:block;(不推荐)
 方法二:用padding-left代替text-indent
************
高版本jq不支持toggle点击切换

由于低版本jq的toggle有两个属性,一个是事件切换一个是隐藏和显示,经常发生冲突,故高版本jq只保留了显示和隐藏的效果了。
 
现在高版本jq可以判断鼠标点击来实现旧版本的toggle效果。
 
老版本方法:
 

 

[javascript] view plaincopy
01.$(".but_play").toggle( 
02. function(){ 
03. $(this).css("background","url(new_img/vctrl101.jpg) no-repeat");}, 
04. function(){ 
05. $(this).css("background","url(new_img/vctrl100.jpg) no-repeat");}, 
06.; 

 

新版本方法:
 

 

[javascript] view plaincopy
01.var flip = 0; 
02.$('.but_play').click(function(e){ 
03.if (flip++ % 2 === 0){ 
04.$(this).css("background","url(new_img/vctrl101.jpg) no-repeat")} 
05.else{ 
06.$(this).css("background","url(new_img/vctrl100.jpg) no-repeat");} 
07.e.preventDefault(); 
08.}); 

 新jq版本,老方法已经失效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值