Question

我使用PhoneGap NativeControls插件创建了一个ios Tabbar，当我点击一个tabbar时，它没有将视图更改为对应的html，以下是我的代码，感谢您的帮助。

这些功能用于更改网页浏览：

function showFirstPage()
{
    window.location.href = 'firstTab.html';
}

function showSecondPage()
{
    window.location.href = 'secondTab.html';
}

function showThirdPage()
{
    window.location.href = 'thirdTab.html';
}

function showFourthPage()
{
    window.location.href = 'fourthTab.html';
}

function showFifthPage()
{
    window.location.href = 'fifthTab.html';
}

创建一个标签栏：

function onBodyLoad()
{   
    document.addEventListener("deviceready", onDeviceReady, false);
}

function onDeviceReady() {
      // Initializating TabBar
    nativeControls = window.plugins.nativeControls;
    nativeControls.createTabBar();

    // 首页
    nativeControls.createTabBarItem(
                                "firstTab",
                                "首页",
                                "/www/tabs/tabbar1.png",
                                {"onSelect": function() {
                                //console.log("firstTab");
                                showFirstPage();
                                }}
                                );

// 版块
    nativeControls.createTabBarItem(
                                "secondTab",
                                "版块",
                                "/www/tabs/tabbar2.png",
                                {"onSelect": function() {
                                //console.log("secondTab");
                                showSecondPage();
                                }}
                                );

// 贴图
    nativeControls.createTabBarItem(
                                "thirdTab",
                                "贴图",
                                "/www/tabs/tabbar3.png",
                                {"onSelect": function() {
                                //console.log("thirdTab");
                                showThirdPage();
                                }}
                                );

// 个人中心
    nativeControls.createTabBarItem(
                                "fourthTab",
                                "个人中心",
                                "/www/tabs/tabbar4.png",
                                {"onSelect": function() {
                                //console.log("fourthTab");
                                showFourthPage();
                                }}
                                );

// 更多
    nativeControls.createTabBarItem(
                                "fifthTab",
                                "更多",
                                "/www/tabs/tabbar5.png",
                                {"onSelect": function() {
                                //console.log("fifthTab");
                                showFifthPage();
                                }}
                                );

    // Compile the TabBar
    nativeControls.showTabBar();
    nativeControls.showTabBarItems("firstTab", "secondTab", "thirdTab", "fourthTab", "fifthTab");
    nativeControls.selectTabBarItem("firstTab");
}

Answer 1

在我的代码中，如果Tab-bar中的更改通常不会更改页面，则Javascript错误已停止所有操作。我不明白为什么代码不起作用

也许尝试使用'try-catch'http://www.w3schools.com/js/js_try_catch.asp

来解决问题

phonegap tabbar插件无法更改页面

1 个答案: