Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 如何在apache cordova中将div用作页面？

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

twitter-bootstrap cordova

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