Я разработал лучший способ заставить это работать, и подумал, что поделюсь кодом.
Итак, это комбо: jQTouch + Phonegap = Native Tabbar, которое будет работать в унисон с jQTouch. То есть. Когда вы щелкнете по значку панели вкладок, вы попадете на соответствующую страницу jQTouch.
</p>
<pre><code>document.addEventListener("deviceready",setupToolbars);
function setupToolbars() {
// Add these if you want the toolbar
// window.uicontrols.createToolBar();
// window.uicontrols.setToolBarTitle("Toolbar");
var activeTab;
activeTab = "#home"; // Better to have intro screen at home, and then make tab1 the first tab.
window.uicontrols.createTabBar();
window.uicontrols.createTabBarItem("tab1", "Tab1", "/www/images/tabs/yourimage1.png", {
onSelect: function() {
myName = "#home"
if (activeTab != myName)
{
jQT.goTo("#home", "fade");
activeTab = myName;
}
}
});
window.uicontrols.createTabBarItem("tab2", "Tab2", "/www/images/tabs/yourimage2.png", {
onSelect: function() {
myName = "#tab2"
if (activeTab != myName)
{
jQT.goTo("#tab2", "fade");
activeTab = myName;
}
}
});
window.uicontrols.createTabBarItem("tab3", "Tab3", "/www/images/tabs/yourimage3.png", {
onSelect: function() {
myName = "#tab3"
if (activeTab != myName)
{
jQT.goTo("#tab3", "fade");
activeTab = myName;
}
}
});
window.uicontrols.createTabBarItem("tab4", "Tab4", "/www/images/tabs/yourimage4.png", {
onSelect: function() {
myName = "#tab4"
if (activeTab != myName)
{
jQT.goTo("#tab4", "fade");
activeTab = myName;
}
}
});
window.uicontrols.showTabBar();
window.uicontrols.showTabBarItems("tab1", "tab2", "tab3", "tab4");
}