2013-02-25 17 views

回答

0

那麼試試這個....

<html> 

<head> 

<meta name=」viewport」 content=」width=320; user-scalable=no」 /> 

<meta http-equiv=」Content-type」 content=」text/html; charset=utf-8″> 

<title>PhoneGap</title> 

<link rel=」stylesheet」 href=」master.css」 type=」text/css」 media=」screen」 title=」no title」 charset=」utf-8″> 

<script type=」text/javascript」 charset=」utf-8″ src=」phonegap.js」></script> 

<script type=」text/javascript」 src=」jquery.1.3.2.min.js」></script> 

<script type=」text/javascript」 charset=」utf-8″> 

$(document).bind(「deviceready」, function() { 

setupToolbars(); 

}); 

var toprated=0; 

var recents=0; 

var history=0; 

function setupToolbars() { 

window.uicontrols.createToolBar(); 

window.uicontrols.setToolBarTitle(「A Title」); 

window.uicontrols.createTabBar(); 

var toprated = 0; 

window.uicontrols.createTabBarItem(「toprated」, 「Top Rated」, 「tabButton:TopRated」, { 

onSelect: function() { 

navigator.notification.alert(「Top Rated selected」); 

window.uicontrols.updateTabBarItem(「toprated」, { badge: ++toprated }); 

} 

}); 

var recents = 0; 

window.uicontrols.createTabBarItem(「recents」, 「Recents」, null, { 

onSelect: function() { 

navigator.notification.alert(「Recents selected」); 

window.uicontrols.updateTabBarItem(「recents」, { badge: ++recents }); 

} 

}); 

var history = 0; 

window.uicontrols.createTabBarItem(「history」, 「History」, 「icon.png」, { 

onSelect: function() { 

navigator.notification.alert(「History selected」); 

window.uicontrols.updateTabBarItem(「history」, { badge: ++history }); 

} 

}); 

window.uicontrols.createTabBarItem(「search」, 「Search」, 「tabButton:Search」); 

window.uicontrols.createTabBarItem(「downloads」, 「Downloads」, 「tabButton:Downloads」); 

window.uicontrols.showTabBar(); 

window.uicontrols.showTabBarItems(「toprated」, 「recents」, 「history」); 

} 

</script> 

</head> 

<body id=」stage」> 

<div id=」Page1″> 

<br><br><br> 

<h1>The tab bar is kewl!</h1> 

</div> 

</body> 

</html> 
+0

阿努拉格舒克拉,像往常一樣.... 。我得到的內容寫在身體標籤....獨自 – elegance 2013-02-25 11:18:52

+0

Anurag舒克拉,你有任何其他替代? – elegance 2013-02-26 07:22:30

+0

我已經通過這種方法實現它,以及我將嘗試和相應的代碼。 – 2013-02-26 07:47:02

相關問題