jQuery toggle 代替方法


Posted in Javascript onMarch 22, 2016

具体内容如下所示:

$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});

今天在做一个项目,抄了别人网站上的一代码,发现怎么都无法实现,在我急得不想再搞时,想到会不会是jquery 的版本问题?随后把jquery 的版本降来1.8,功能实现了,我自己的jqurey 版本是1.11.1的,原来是版本的问题,原因找到了就好办了,百度了一下,才发现toggle方法在1.9版本时就已经删除了。换版本是可以解决问题,但我不想再使用低版本的,还是想使用1.11.1的版本,就想用什么方法代替toggle呢?

经过检测可以使用下面的方法来代替:

$(document).ready(function(){ 
$('.back_left dt').click(function(){
if($(this).hasClass("selected")){
$(this).toggleClass("selected");
$(this).siblings('dd').slideDown();
}else{
$(this).toggleClass("selected");
$(this).siblings('dd').slideUp();
} 
}); 
});

参数 描述
speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数,则无法使用 switch 参数。
callback 可选。toggle 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。
switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素 如果设置此参数,则无法使用 speed 和 callback 参数。
Javascript 相关文章推荐
Javascript JSQL,SQL无处不在,
May 05 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
express的中间件basicAuth详解
Dec 04 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
JavaScript中this的全面解析及常见实例
May 14 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 #Javascript
酷炫jQuery全屏3D焦点图动画效果
Mar 22 #Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 #Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 #Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 #Javascript
Node.js文件操作方法汇总
Mar 22 #Javascript
浅谈Sticky组件的改进实现
Mar 22 #Javascript
You might like
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
谈PHP生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
Ctrl+Enter提交内容信息
2006/06/26 Javascript
javascript 获取元素样式必杀技
2014/05/04 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
详谈js模块化规范
2017/07/07 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
中间件的定义
2016/08/09 面试题
大学本科毕业生的自我鉴定
2013/11/26 职场文书
婚礼主持结束词
2014/03/13 职场文书
小学家长学校培训材料
2014/08/24 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL