Question

jquery ui 插件 tabs的使用! 怎么实现点击i左边导航在右边显示导航的内容

Answer 1

1.引用js和css
2.定义tabs：
var $tabs = $("#tabs").tabs({
tabTemplate: "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
add:function(event, ui){
$tabs.tabs('select', ui.index);
}
});
3.定义点击时的方法：
$("a").click(function(){
$href = $(this).attr("id");
$title = $(this).text();
$tabs.tabs( "add", $href,$title);
});

希望可以帮助到你

追问

他不会添加重复的吗？

追答

会，你判断一下$href 会不会重复，用$.each