Jquery-Mobile:如何将示例应用程序部署到设备中

nar*_*esh 4 jquery-mobile

我是jquery移动框架的新手.我使用jquery mobile实现了示例应用程序.现在我想将此应用程序部署到设备中.我不知道如何部署这个?请任何人帮助我.

    Sample Application
<!DOCTYPE html>
<html> 
<head> 
    <title>My Page< /title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 
    <div data-role="page">
        <div data-role="header" data-theme="b">
            <h1>My Title</h1>
        </div><!-- /header -->
        <div data-role="content">   
            <p>Hello world</p>      
        </div><!-- /content -->    
        <div data-role="footer">
            <h1>End of the page</h1>
        </div>
    </div><!-- /page -->
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

谢谢

shy*_*yre 6

Jquery是一个框架,通过它的功能,选择器来改变内容,让你的生活更简单.而不是写大量的javascript你可以用Jquery让你的生活变得更简单.

为了检查您的代码结果.

你可以使用phonegap.

用eclipse安装phonegap插件.通过电话差距创建一个新项目.将您的代码粘贴到index.html中.然后根据您选择的移动平台构建代码.然后你可以通过android模拟器调试/运行代码或在手机上部署它.