推荐搜索: 魏义齐 网站防扒js微信号刷新 利用hbuilder打包APP的步骤清空

您当前的位置:首页 > 前端分享 > 正文

slide Toggle()方法如何先后执行两次

发布时间:2018-03-06 19:19:10作者:魏义齐阅读:(

本文为博主原创文章,未经博主允许不得转载。

我不知道起这个标题是否合适,因为我对jQuery并不是很精通,但大概意思我想大家已经明白了,使用之前先加上下面的代码:

$.fn.toggle = function( fn, fn2 ) {
           var args = arguments,guid = fn.guid || $.guid++,i=0,
                   toggle = function( event ) {
                       var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
                       $._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
                       event.preventDefault();
                       return args[ lastToggle ].apply( this, arguments ) || false;
                   };
           toggle.guid = guid;
           while ( i < args.length ) {
               args[ i++ ].guid = guid;
           }
           return this.click( toggle );
      };

jQuery1.9及以上的版本删除了toggle()方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的click事件的功能,加上上面这段代码,就可以给元素绑定toggle功能。

再看我在一个项目里的应用https://nm.o4635.cn/index.php?m=content&c=index&a=lists&catid=14仅pc点击地图上的“联系我们”有效果。

如果本文帮助到了你,请点击本站你感兴趣的广告赞助一下,谢谢!

上一篇:phpcms如何修改分页的样式 下一篇:随页面滚动动态加载内容的实现方法

相关文章