一段jquery代码搞定多个tab效果

    现在的页面上几乎都要tab切换甚至不止一个,早有想法尝试用一段代码控制所有tab的方法,自己尝试了一下。里面有几个要点抓住就好了。

创新互联公司-专业网站定制、快速模板网站建设、高性价比二道网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式二道网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖二道地区。费用合理售后完善,十多年实体公司更值得信赖。

          


    
    


        

1


        

2


        

2


        


            
a

            
b

            
c
        
    

        

        

1


        

2


        

2


        


            
a

            
b

            
c
        
    
    

    代码思路:1,共同点有什么?结构一样,比如tab的切换块和下面的显示块都是一样的结构,他们下面显示块的下标总是与上面的下标一样。换句话说,他们的this.index值都可以直接从上面的切换块传值。

2,有一个问题就是他们都是部门的代码结构块,怎么能只用this.index传递一个下标就可以解决呢,或者会出现一个经常会出现的问题,就是一个切换,所有的tab都会切换。但是有一个不同点是什么呢?就是他们的父亲不一样,所以这就是问题所在,我们可以用this点击的对象找到父元素,从父元素再去找对应的显示块就解决了,当然还要优化,只是呈现了最简单的代码实现了基本效果仅供展示。


新闻名称:一段jquery代码搞定多个tab效果
本文路径:http://bzwzjz.com/article/jedppj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 企业网站设计 成都网站制作 重庆外贸网站建设 网站设计制作 营销网站建设 网站设计 阿坝网站设计 成都网站设计 盐亭网站设计 成都网站建设 网站建设推广 成都网站制作 手机网站建设 成都网站设计 专业网站设计 成都网站建设 成都网站制作 温江网站设计 网站建设开发 成都商城网站建设 手机网站设计