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

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的样式问题

posted @ 2015-08-03 20:32  duchushouxin  阅读(472)  评论(3编辑  收藏  举报