你在这儿: 首页>严肃的

jQuery toggle显示隐藏的时候需要点两下的解决方法

来源:网络   时间: 2012-03-20   浏览次数:0

jQuery的toggle()函数用于js方法间的切换,用toggle方法处理一些展示隐藏效果很方便.但有时会有些问题.接下来看个状况.以下用toggle方法处理点id为div2的元素的时候显示id为div2的元素,再点击一下则



jQuery的toggle()函数用于js方法间的切换,用toggle方法处理一些展示隐藏效果很方便.但有时会有些问题.接下来看个状况.

以下用toggle方法处理点id为div2的元素的时候显示id为div2的元素,再点击一下则隐藏的例子:
代码如下:

$('#div1').toggle(
  function()
  {
      $('#div2').show();
  },
  function()
  {
      $('#div2').hide();
  },
);

但用ajax动态加载的时候就会出现问题,显示隐藏的时候需要点两下才能触发,这时可以用另一个方法来代替,就是click,当点击的时候判断id为div2的元素是否隐藏,如果隐藏则显示,如果显示则隐藏.

代码如下:

$('#div1').live('click', function () //因为通过ajax加载后的dom,这边用live
{
 var div2 = $('#div2');
  if (div2.is(':visible')) //如果id为div2的区域显示
  {
      div2.hide(); //隐藏
  }
  else 
  {
       div2.show();
  }
});

这样达到同样的切换的效果.解决toggle()函数点击第一下为什么不起作用.

 

 本文链接:http://www.cozof.com/show/233.shtml   [复制] [收藏]
----------------------------------------------------------------------------------------------------------------------------
分享本文到:
更多
----------------------------------------------------------------------------------------------------------------------------
关键词:jQuery  toggle  问题  js  
你可能还感兴趣的:

----------------------------------------------------------------------------------------------------------------------------
已有0位网友发表了看法
  • 用户名:
  • 内  容:
  • 验证码:
    点击换一张

最新

津巴布韦选丑大赛 众多男子角逐
哈尔滨佛学院正式成立了!
英国军情六处:007情商太低 现实
世界上10个最戒备森严的地方
丑是好的至少你知道大家是因为你
比尔·盖茨豪宅,参观1次3.5万美元
林肯的小趣事
替补登场9分钟5球创世界纪录——

推荐

能认出5字以上就是绝对是高手!
世界上最好的10支特种部队,GIS特
谷歌变身子公司,成立母公司Alphab
鲁迅其实还是一名资深设计师
美国在国际奥数比赛中“破天荒”
关于性吸引的5个真相
不会死的生物:美洲龙虾、刺果松、
五十大最佳发明之激光打蚊子

最热门

为什么百度腾讯阿里巴巴等要在开
检测JSON代码合法性,JSON格式化
如何取消驱动精灵开机启动
15款Android(安卓)下常用有趣有
求种子地址!
firefox(火狐)如何像ie一样显示j
你们这帮混蛋,鲁迅到底是谁,原名冰
法克.尤尔.马泽尔 百科恶搞

随机

泰国功夫巨星---托尼·贾 精彩视
结果,朋友把医生咬了
《时代周刊》2015年全球最具影响
TMD天使
房租太他妈高党?
我想有一所房子:面朝大海,春暖花
没错,这就是江湖中失传已久的“铁
大发现:原来美国总统都是一家人

最近浏览

   清除记录

联系

合  作: [email protected] [复制]
服  务: [email protected] [复制]
投  稿: [email protected] [复制]
不  解: [email protected] [复制]

cozof qr code
手机访问:www.cozof.com/wap/

这是什么