当前位置:  编程技术>WEB前端

toggle()隐藏问题的解决方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  最近编写一个实例的时候使用到toggle函数,但是调用的时候会把元素隐藏掉,之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因: 原来在jQuery 1.9版本之后,toggle()发...

最近编写一个实例的时候使用到toggle函数,但是调用的时候会把元素隐藏掉,之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因:
原来在jQuery 1.9版本之后,toggle()发生了变化,以下是官网的Notes:
Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation methodnamed .toggle() that toggles the visibility of elements. Whether the animation or the event method is fired depends on the set of argumentspassed.
在早期的版本,存在两个同名的toggle(),但是所执行的方法却是不一样的:
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )
Description: Bind two or more handlers to the matched elements, to be executed on alternate clicks.
=====================================================
.toggle( [duration ] [, complete ] )
Description: Display or hide the matched elements.
而之后的版本把第一个toggle()函数给去掉了,导致用于调用切换功能时会把元素隐藏了。
========================
既然去掉了这个函数,但是实现需求还是要的。怎么来实现多个事件的轮流切换了?
可以通过click事件判断不同的情况来触发,或者通过设置一个变量计数点击次数来执行不同的函数。
代码如下:

var num=0;
$('#button').click(function(e){
if(num++ %2 == 0){
//doSomething
}else{
//doOtherSomething
}
e.preventDefault(); //阻止元素的默认动作(如果存在)
});

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.accessibility接口accessibleaction的类成员方法: toggle_expand定义及介绍
  • jquery中交替点击事件toggle方法的使用示例
  • java命名空间javax.accessibility类accessiblerole的类成员方法: toggle_button定义及介绍
  • Jquery hide与toggle方法实现超链接慢慢消失
  • java命名空间javax.swing.plaf.synth类region的类成员方法: toggle_button定义及介绍
  • java命名空间javax.swing类jtree的类成员方法: toggle_click_count_property定义及介绍
  • java命名空间javax.accessibility接口accessibleaction的类成员方法: toggle_popup定义及介绍
  • Bootstrap 插件 Bootstrap Toggle
  • jquery toggle()函数实例解析
  • jQuery 开关切换插件 On-Off Toggle Switches
  • 运用JQuery的toggle实现网页加载完成自动弹窗
  • jquery中toggle与slideToggle的区别
  • JQuery toggle使用举例
  • jquery中的常用事件bind、hover、toggle等示例介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3