JQUERY 的显示与隐藏

问题描述

$("#indicator").slideToggle("slow");$.getJSON()$("#indicator").slideToggle("slow");如上代码所示、WEB中有一文本框、在它的ONCHANGE事件中调用以上过程、先显示一动画、调AJAX、有返回值后隐藏动画现在的问题是第一次调用时会显示、隐藏后来就再也不显示了而如果在一个函数中放一句$("#indicator").slideToggle("slow");调用一次函数动画会显示再调用一次函数动画会隐藏没有问题也就是是说$("#indicator").slideToggle("slow");如果放在同一函数中就出问题了?不知为何?先感谢了

解决方案

$.getJSON() ,ajax是异步的，也就是说同时运行的

时间： 2024-09-14 11:05:19

JQUERY 的显示与隐藏的相关文章

jQuery对于显示和隐藏等常用状态的判断方法

  本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag&q

jQuery对于显示和隐藏等常用状态的判断方法_jquery

本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 复制代码 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="show

jQuery的显示和隐藏方法与css隐藏的样式对比_jquery

display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到. visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到. 例子: 复制代码 代码如下: <html> <head> <title&g

jquery 隐藏 显示-用jquery实现显示或者隐藏

问题描述 用jquery实现显示或者隐藏 有6个div,在同一列,点击第1个div时,第2个div隐藏或显示,点击第3个div时,第4个div隐藏或显示,点击第5个div时,第6个div隐藏或显示,请问大神写这个怎么弄啊! 解决方案 //这里自己引进自己的js文件 function test(obj) { if($(obj).next().length>0) { $(obj).next().toggle();/**点击一次隐藏,再点击显示*/ /**你也可以判断对象的状态 然后 $(obj).h

Jquery实现显示和隐藏的4种简单方式_jquery

Html代码: 复制代码 代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444</li> <li&

Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

本篇文章是对Jquery中显示和隐藏元素或设为只读以及Ligerui的控件禁用实现代码进行了分析介绍,需要的朋友可以参考下   一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none');  // 隐藏按钮 $('#button_save_12').css('display', 'display');  // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide(); $('#bu

使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)_jquery

这是一个示例: <html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").cl

jQuery实现左侧导航模块的显示与隐藏效果_jquery

本文实例讲述了jQuery实现左侧导航模块的显示与隐藏效果.分享给大家供大家参考,具体如下: 1.效果如图所示: 2.html代码: <div class="content_left"> <div class="global_module news"> <h3>最新动态</h3> <div class="scrollNews" > <ul> <li><a h

jQuery仅用3行代码实现的显示与隐藏功能完整实例_jquery

本文实例讲述了jQuery仅用3行代码实现的显示与隐藏功能.分享给大家供大家参考.具体如下: jQuery技术相当好使用,的确可以用很少的代码实现想要的功能,比如这款经常用到的"显示"与"隐藏"的功能,只需要3行代码就实现了,确实够给力. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-hide-show-style-demo/ 具体代码如下: <!doctype html>