乐模财经
您的当前位置:首页基于jquery的9行js轻松实现tab控件示例_jquery

基于jquery的9行js轻松实现tab控件示例_jquery

来源:乐模财经


代码如下:






/**
* 考虑到tab和pane有可能被动态的添加和删除,
* 所以每次都废点时间去查找先前被激活的tab
*/
var tab = function(tabId,activeId){
$("#"+tabId).delegate("li:not(#"+activeId+")","click",function(){
$("#"+$("#"+activeId).attr("tar")).css("display","none");
$("#"+activeId).removeAttr("id");

$(this).attr("id",activeId);
$("#"+$(this).attr("tar")).css("display","block");
});
};






  • 1

  • 2

  • 3

  • 4





  • 1


    2


    3


    4




    tab("tab","selected");


    显示全文