Onsen-ui将新标签添加到ons-tabbar

Question

我正在为我的应用程序使用onsen ui。

 <ons-tabbar position="top" animation="fade" id="tabsLayout">

 </ons-tabbar>

可以用javascript添加tab-item吗？

Answer 1

是的，这很好。只需将其附加到类名为“tab-bar”的元素，并且不要忘记在元素上运行ons.compile()：

var $tab = $('<ons-tab page="home.html" label="Label" active="true"></ons-tab>');
$('.tab-bar').append($tab);
ons.compile($tab[0]);

我使用jQuery来更轻松地创建元素。如果你不使用jQuery，你当然可以使用document.createElement()和el.appendChild()。