Onsen

Onsen-ui将新标签添加到ons-tabbar(Onsen-ui add new tab to ons-tabbar)

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

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

可以用javascript添加tab-item吗？

I'm using onsen ui for my app.

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

Is possible to add tab-item with javascript?

最满意答案

是的，这很好。 只需将其附加到类名为“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() 。

Yes, that works fine. Just append it to the element with the class name "tab-bar" and don't forget to run ons.compile() on the element:

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

I used jQuery to make creating the element a bit more easily. You can of course use document.createElement() and el.appendChild() instead if you aren't using jQuery.