js动态添加Tab成功后,新加的Tab无法显示?

JavaScript020

js动态添加Tab成功后,新加的Tab无法显示?,第1张

这个涉及到给未来元素操作某事件的问题,jquery里面直接使用元素.click事件是给已有元素做点击事件,给未来元素做某项事件操作需要用到selector.on(event,childselector,function),可以用这种方式满足你的需求,另外还可以在你新增元素之后再次遍历,再次给那些元素赋予某些事件

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

tb.setAttribute('bgcolor','#1233') bgcolor是style 中的属性,不是节点中的属性,试一试这样写

tb.style.backgroundColor="#1233"