AppFramework学习笔记（一）

AppFramework也叫jqMobi，由于工作需要要把原有的sencha touch项目移植到jqMobi上，由此开始了我jqMobi的学习

 

AppFramework官网：http://app-framework-software.intel.com/

一、下载好appframework2.0

二、新建项目文件index，并把需要的文件引入

<script type=“text/javascript” charset=“utf-8” src=“appframework.min.js”></script> <script type=“text/javascript” charset=“utf-8” src=“appframework.ui.min.js”></script> <link rel=“stylesheet” type=“text/css” href=“css/icons.css” /> <link rel=“stylesheet” type=“text/css” href=“css/af.ui.css” title=“default” />

三、第一个jqMobi代码

<div id="afui">
    <div id="content">
        <div id="home" title="首页" class="panel" selected="true" data-footer="custom_footer" data-nav="side_home">
            
            首码111111
            
        </div>
        <div id="about" title="关于我们" class="panel" data-footer="custom_footer" data-nav="side_about">
        
            关于我们
            
        </div>
        
    
        <footer id="custom_footer"><a href="#home" class="icon home">首页</a>
        <a href="#about" class="icon info">关于我们</a>
        </footer>
        
        <nav id="side_about">
            <div class="title">Home</div>
            <ul>
                <li><a class="icon home mini" href="#home">Home</a></li>
            </ul>
        </nav>
        <nav id="side_home">
            <div class="title">About</div>
            <ul>
                <li><a class="icon info mini" href="#about">About</a></li>
            </ul>
        </nav>
    </div>
</div>