jquery 动态添加tab 效果

jquery 动态添加tab 效果,第1张

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

1,新添加的tab页由 id命名函数进行命名,

赋值给一个变量 var curr = id

2,整体在一个div中,显示你新添加id 的tab ,其他的隐藏掉

布局就不写了,假设上面有3个li,激活的tab样式为active,下面对应3个div

$('li').click(function(){

$(this).addclass('active').siblings('li').removeclass('active')

$('div').eq($(this).index()).show().siblings('div').hide()

})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11731809.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存