jQuery toggle 代替方法
作者:bea
具体内容如下所示: $('.back_left dt').toggle(function(){$(this).addClass("selected");$(this).siblings('dd').slideUp();},function(){$(this).removeClass("selected");$(this).siblings('dd').slideDown();}); 今天在做一个项目,抄了别人网站上的一代码,发现怎么都无法实现,在我急得不想再搞时,想到
具体内容如下所示:
$('.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 参数。
有用 | 无用
$('.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学习笔记之数组去重
- JavaScript学习笔记之数组随机排序
- JavaScript学习笔记之数组求和方法
- JavaScript学习笔记之数组的增、删、改、查
- 高效利用Angular中内置服务$http、$location等
- BootStrap实用代码片段之一
- Javascript中的几种继承方式对比分析
- JS函数定义方式的区别介绍
- 基于javascript制作经典传统的拼图游戏
- javascript函数命名的三种方式及区别介绍
- javascript仿京东导航左侧分类导航下拉菜单效果
- JS中多种方式创建对象详解
- 基于jquery实现无限级树形菜单
- javascript的几种继承方法介绍
- 基于javascript实现文字无缝滚动效果
- ajax在兼容模式下失效的快速解决方法
- jquery仿QQ登录账号选择下拉框效果
- 详述JavaScript实现继承的几种方式(推荐)