码迷,mamicode.com
首页 > Web开发 > 详细

请教一下前辈,这段js如何优化一下,是基于zepto来写的

时间:2015-08-03 22:19:36      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

var lastIndex = 0;
            $(‘#click-test‘).on(‘click‘,function(){
                var pages = [‘item-list‘,‘diag‘];
                for(var i=0;;){
                    var index = parseInt(Math.random()*10) % pages.length;
                    if(index != lastIndex){
                        lastIndex = index;
                        break;
                    }
                }
                var searchClass = pages[index];
                var headerEle = $(‘.page‘).find(‘.header-nav.‘+searchClass+‘-header‘);
                var contentEle = $(‘.content‘).find(‘.‘+searchClass);
                
                headerEle.addClass(‘fadeInLeft‘);
                headerEle.siblings(‘.header-nav‘).removeClass(‘active‘);
                headerEle.siblings(‘.header-nav‘).addClass(‘hide‘);
                headerEle.removeClass(‘hide‘);
                
                contentEle.addClass(‘fadeInLeft active‘);
                contentEle.siblings(‘.m-content‘).removeClass(‘active‘);
                contentEle.siblings(‘.m-content‘).hide();
                contentEle.show();
            });

上面之所有用移除和添加class="hide",是因为涉及到手机端的css3的样式问题

请教一下前辈,这段js如何优化一下,是基于zepto来写的

标签:

原文地址:http://www.cnblogs.com/saodiseng/p/4700302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!