В основном я использую phonegap для создания приложения для iPhone, я использую плагин родных элементов управления для интеграции родной панели вкладок - у меня это работает, но я не уверен, как сделать так, чтобы при каждом элементе панели вкладок Если он выбран, он будет перенаправлять пользователя на ссылку - в случае этого приложения я собираюсь отправить пользователя на конкретный элемент div id #element. Я также пытаюсь использовать изображение для элемента панели вкладок, но оно тоже не работает ...
Как мне это сделать, код, который у меня есть, приведен ниже.
<script type="text/javascript" charset="utf-8">
function onBodyLoad()
{
document.addEventListener("deviceready",onDeviceReady,false);
}
/* When this function is called, PhoneGap has been initialized and is ready to roll */
function onDeviceReady()
{
// Initializating TabBar
nativeControls = window.plugins.nativeControls;
nativeControls.createTabBar();
// Item 1 tab
nativeControls.createTabBarItem(
"item1",
"Item1",
"/themes/images/item1@2x.png",
{"onSelect": function() {
location.href = "#section1"
}}
);
// Item 2 tab
nativeControls.createTabBarItem(
"item2",
"Item2",
"/themes/images/item2@2x.png",
{"onSelect": function() {
location.href = "#section2"
}}
);
// Item 3 tab
nativeControls.createTabBarItem(
"item3",
"Item3",
"/themes/images/item3@2x.png",
{"onSelect": function() {
location.href = "#section3"
}}
);
// Item 4 tab
nativeControls.createTabBarItem(
"item4",
"Item4",
"/themes/images/item4@2x.png",
{"onSelect": function() {
location.href = "#section4"
}}
);
// Item 5 tab
nativeControls.createTabBarItem(
"item5",
"Item5",
"/themes/images/item5@2x.png",
{"onSelect": function() {
location.href = "#section5"
}}
);
// Compile the TabBar
nativeControls.showTabBar();
nativeControls.showTabBarItems("mechanics", "materials", "waves", "electricity", "light");
nativeControls.selectTabBarItem("mechanics");
}
</script>