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 呢？

$(".menu li>a").click(function(){

var myobj=$(this).parent()

myobj.addClass("menu_on").siblings().removeClass("menu_on")

myobj.find(".subMenu").slideDown().parent().siblings().find(".subMenu").slideUp ()

在这一行下面，把菜单追加到topMenu里

$('.topMenu').append('<a href="'+$(this).attr("herf")+'"><span>$(this).text()</span><i></i></a>')

})

不过追裤肢上加上去的菜单是胡键世没有绑定事件亮肆的，你再选择新加的这个节点，加上点击事件

$('.topMenu a').last().click(function(){

//处理点击事件

})

幸运的是, jQueryUI 使它们很容易实现。隐森烂 下面是如何让它们迅速启动并正常运行。 HTML的基本结构如下: <div id="tab_wrapper"><ul><li><a href="#tab1">Tab 1</li><li><a href="#tab2">Tab 2</li></ul><div id="tab1">Tab 1 content here... </div1><div id="tab2">Tab 2 content here... </div1></div>通过单一春改ID的div指定这些锚变成标签,标签的列表将会在网页选项卡显示。当用户单击链接时,它将选择该选项卡。 只有短短的一行jQuery代码可以把这个HTML转换为选项卡式界面: $(function() { $( "#tab_wrapper" ).tabs()})多简洁的代码！ 我们甚至可以实现更进一步的功能。 该文档展示了较全功能 ,但我认为最有用的还是从外部来源加载数据。 通过使用的锚点到另一个页面的ID,而不是屏幕上一个项目,点击选项卡时它会灶漏自动加载资源，内容将通过AJAX加载。

---