Javascript 使用phonegap插件链接选项卡项

基本上，我使用phonegap创建iPhone应用程序，我使用本机控件插件来集成本机tabbar-我已经完成了这项工作，但是我不确定如何进行，以便在选择每个tab bar项目时，它将用户转发到一个链接-在这个应用程序中，我打算将用户发送到一个特定的div id#元素。我还试图使用标签栏项目的图像，但这似乎也不起作用

我该怎么做呢，到目前为止我的代码如下

                                <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>

函数onBodyLoad（）
{
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
}
/*调用此函数时，PhoneGap已初始化并准备好滚动*/
函数ondevicerady（）
{
//初始化TabBar
NativeControl=window.plugins.nativeControl；
nativeControls.createTabBar（）；
//项目1选项卡
NativeControl.createTabBarItem(
“项目1”，
“项目1”，
“/主题/图像/item1@2x.png",
{“onSelect”：函数（）{
location.href=“#第1节”
}}
);
//项目2选项卡
NativeControl.createTabBarItem(
“项目2”，
“项目2”，
“/主题/图像/item2@2x.png",
{“onSelect”：函数（）{
location.href=“#第2节”
}}
);
//项目3选项卡
NativeControl.createTabBarItem(
“项目3”，
“项目3”，
“/主题/图像/item3@2x.png",
{“onSelect”：函数（）{
location.href=“#第3节”
}}
);
//项目4选项卡
NativeControl.createTabBarItem(
“项目4”，
“项目4”，
“/主题/图像/item4@2x.png",
{“onSelect”：函数（）{
location.href=“#第4节”
}}
);
//项目5选项卡
NativeControl.createTabBarItem(
“项目5”，
“项目5”，
“/主题/图像/item5@2x.png",
{“onSelect”：函数（）{
location.href=“#第5节”
}}
);
//编译TabBar
nativeControls.showtabar（）；
NativeControl.showTabBarItems（“力学”、“材料”、“波”、“电”、“光”）；
nativeControls.selectTabBarItem（“机械”）；
}

我建议您使用此选项卡

这是你如何做你想做的事情的关键