1

PhoneGap NativeControls プラグインを使用して ios 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");
}
4

1 に答える 1

0

私のコードでは、タブバーの変更によってページが正常に変更されない場合、Javascript エラーがすべてを停止しました。コードが機能しない理由がわかりません

「try-catch」http://www.w3schools.com/js/js_try_catch.aspを使用して問題を解決してみてください。

于 2012-07-16T23:30:59.873 に答える