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

1.引用js和css

2.定义tabs：

var $tabs = $("#tabs").tabs({

tabTemplate: "<li><a href='#{href}'>#

</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)

})

希望可以帮助到你

$("#tab").tabs(".tabContent", {

tabs: "input"

})

试试把这上面的 tabs 功能定义为一个 function

例如

function tabs_run() {

....

}

然後在 click function 里面捕捉 event 完结时侯再次呼叫这个 tabs_run()

例如

$('#add').live('click', function() {

.....

tabs_run()

}

不过我疑惑了，你的 tabContent 没有设置 rel 或者 id… Tabs 是怎样侦测 index 的呢？

点击哪个 <li>会 load 哪个 tabContent 呢？

---