您所在的位置:小祥子 » 编程 » JavaScript » 正文

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

时间:2015-08-03 编辑:扫地僧. 来源:CnBlogs
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的样式问题

关键词: