收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2739|回复: 8

[jquery] 关于这个jq循环如何停止

[复制链接]
发表于 2015-10-29 10:16:03 | 显示全部楼层 |阅读模式
  1. $(".sub-nav p").hover(function(){
  2.         var i = 0;
  3.                 for (; i < 15; i++) {
  4.                         $(this).find(".sub-nav-i").animate({"margin-left":20},700,"linear");
  5.                     $(this).find(".sub-nav-i").animate({"margin-left":5},700,"linear");
  6.                 };
  7.     },function(){
  8.                 return false;
  9.                 $(this).find(".sub-nav-i").animate({"margin-left":5},700,"linear");
  10.     });
复制代码


如何在退出“$(".sub-nav p").hover” 事件后停止i for循环??
发表于 2015-10-29 14:42:35 | 显示全部楼层
鼠标离开后你ruturn false;怎么还执行?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-29 17:10:21 | 显示全部楼层
helpzp2008 发表于 2015-10-29 14:42
鼠标离开后你ruturn false;怎么还执行?

是的,所以需要换个思路,鼠标离开需要停止循环
回复 支持 反对

使用道具 举报

发表于 2015-11-3 13:18:13 | 显示全部楼层
经过的时候用setInterval() 离开以后clearInterval
回复 支持 反对

使用道具 举报

发表于 2015-11-3 15:28:01 | 显示全部楼层
不知道我理解的对不对,你的意思是鼠标进入的时候.sub-nav-i元素进行15次伸缩对吧?
要求鼠标离开的时候如果动画还在进行中那么立刻停止动画。

你这个15次是怎么来的?
如果你要的只是一个不断伸缩的效果,那么建议使用css3的自定义动画transform,transition,animation很容易实现这个效果。
回复 支持 反对

使用道具 举报

发表于 2015-11-5 22:17:06 | 显示全部楼层
看着好牛的样子
回复 支持 反对

使用道具 举报

发表于 2015-11-6 17:58:28 | 显示全部楼层
给个思路给你,看行得通不,在元素上设置一个属性,默认为true, 鼠标离开是,设置这个属性为false, 同时,鼠标移入的循环代码里面,加入对这个属性的判断,如果为true,,则执行操作,如果为false,则 break;
回复 支持 反对

使用道具 举报

发表于 2015-11-6 18:00:02 | 显示全部楼层
另外就是鼠标移入的时候,首先设置这个属性值为true,以免鼠标移除在移入时,不在执行循环。
回复 支持 反对

使用道具 举报

发表于 2015-11-6 18:02:45 | 显示全部楼层
另外:你的鼠标移出方法里面,后面一句的动画会执行吗?前面都、return false了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-2-28 22:03 , Processed in 0.109099 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表