PHP.TP架構下商品項目的最佳化4-最佳化商品添加表單js

標籤：***   架構   表單   this   play   ble   按鈕   back   點擊事件   

最佳化商品添加表單js

思路

1、製作五個按鈕

2、下面五個table

3、全部隱藏，點擊則顯示

4、點擊第幾個按鈕就顯示第幾個table

具體操作

1、添加按鈕

2、添加五個table並添加class隱藏後面四個

style="display:none"　　->隱藏

class="tab_table"　　->樣式名，方便js操作

3、添加JS代碼綁定點擊事件【add.html的最下面】

/******切換代碼******/        $("#tabbar-div p span").click(function(){            //點擊的第幾個按鈕            var i = $(this).index();            //先隱藏所有的table            $(".tab_table").hide();            //顯示第i個table            $(".tab_table").eq(i).show();            //先取消原按鈕的選中狀態            $(".tab-front").removeClass("tab-front").addClass("tab-back");            //設定當前按鈕選中            $(this).removeClass("tab-back").addClass("tab-front");        });

 　　

 

 

 

 

 

 

PHP.TP架構下商品項目的最佳化4-最佳化商品添加表單js