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

  次阅读 作者:智能小宝 来源:互联网 2016-03-24 20:00 我要评论(0)

一个实例中使用到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(); //阻止元素的默认动作(如果存在)

});

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...