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 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
prototype Element学习笔记(篇二)
Oct 26 Javascript
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
js弹窗返回值详解(window.open方式)
Jan 11 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 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
PHP下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
Python中super的用法实例
2015/05/28 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python通过属性手段实现只允许调用一次的示例讲解
2018/04/21 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
医药专业推荐信
2013/11/15 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
Javascript webpack动态import
2022/04/19 Javascript
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python