如何在 apache cordova 中使用 div 作为页面？

Question

我想要实现的目标如下

我想创建单个 html 页面 cordova 应用程序
我的页面将是单个页面，但我想将多个 div 作为页面显示。（只有 div 会切换为页面。我不想添加另一个 html 页面。）

可能吗？请解释一下...

以下是我想实现的结构

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

Answer 1

这里有一个示例代码，你自己试试看

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

这是一个jsFiddle link

如何在 apache cordova 中使用 div 作为页面？

how to use div as pages in apache cordova?

twitter-bootstrap

cordova

phonegap-cli