Twitter bootstrap 如何在apache cordova中将div用作页面?

Twitter bootstrap 如何在apache cordova中将div用作页面?,twitter-bootstrap,cordova,phonegap-cli,Twitter Bootstrap,Cordova,Phonegap Cli,我正在努力实现的目标如下 我想创建一个单一的html页面cordova应用程序 我的页面将是单个的,但我想将多个div显示为页面。。(只有div将切换为页面。我不想添加其他html页面。) 可能吗? 请给我解释一下 以下是我所实现的结构 <code> <div class="main-content"> <div class="changing-content"> </div> <div> </code> 这是一个示例

我正在努力实现的目标如下

  • 我想创建一个单一的html页面cordova应用程序
  • 我的页面将是单个的,但我想将多个div显示为页面。。(只有div将切换为页面。我不想添加其他html页面。)
  • 可能吗? 请给我解释一下

    以下是我所实现的结构

    <code>
    <div class="main-content">
    <div class="changing-content">
    </div>
    <div>
    </code>
    
    
    

    这是一个示例代码,请尝试自己实现

    <body>
        <div id="index">
            <div onclick="showPage('page1')">Page 1</div>
            <div onclick="showPage('page2')">Page 2</div>
        </div>
        <div id="page1" style="display:none">
            This is page1
            <div class="back" onclick="showPage('index')">Back</div>
        </div>
        <div id="page2" style="display:none">
            This is page2
            <div class="back" onclick="showPage('index')">Back</div>
    </div>
    </body>
    <script>
    var ids=['page1','page2','index'];
    function showPage(pageId)
    {
        for(i=0;i<ids.length;i++)
        {
            if(pageId == ids[i])
            {
                document.getElementById(pageId).style.display = "block";
            }
            else
            {
                document.getElementById(ids[i]).style.display = "none";
            }
        }
    }
    </script>
    
    
    第1页
    第2页
    这是第一页
    返回
    这是第二页
    返回
    变量id=['page1'、'page2'、'index'];
    功能显示页(pageId)
    {
    
    对于(i=0;i为什么你坚持要模拟多个页面而不是实际制作多个页面?你可以管理两种创建phonegap应用程序的格式—单页面应用程序或多页面应用程序,这取决于你的页面长度和javascript管理。我想对于phonegap来说,许多人只是判断问题和答案,而不是d的建议解决方案。去uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu!!!