jquery 动态添加tab 效果

$("#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 呢？

这种插件是不可能刷新页面的，只能是你的写法有问题。

刷新说明你在切换处理时，把表单提交了，

我没有看到你的切换tab处理在哪里。

http://jsfiddle.net/p3sfy/5243/

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)

})

希望可以帮助到你

---