如何整合jQuery和手机的差距

时间:2013-09-17 06:39:32

标签: android jquery jquery-mobile cordova

我想使用phonegap创建一个应用程序,我不知道如何将jquery设置为该项目。请告诉我什么步骤以及从jquery移动网站下载的内容..

2 个答案:

答案 0 :(得分:2)

HERE是基本文件结构

assets
    > www
        >js
          (your script files)
        >css
          (your style files)
        >libs
          (3rd party files)
          -jquery.*.min.js
          -cordova.*.js
          -jquery.mobile.*.min.js
      -index.html

这是一个基本模板(index.html)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf8" />
        <title>Hello World</title>

        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8"/>

        <script type="text/javascript" src="libs/__JQUERY__FILE__"></script>
        <script type="text/javascript" src="libs/__JQUERY_MOBILE__FILE__"></script>

        <script type="text/javascript" src="libs/__PHONEGAP-CORDOVA__FILE__"></script>

        <script type="text/javascript" src="js/script.js"></script>

    </head>
    <body>

        Hello World!

    </body>
</html>

答案 1 :(得分:1)

Html代表用户的UI视图,您可以使用JQuery Mobile创建更多交互式UI 下载最新的Jquery mobile&amp;把它放在asset / www / ..现在你可以通过在html中添加它来在Phonegap中使用它的功能

<script  src="../jquery file name.js"></script>

现在,您可以使用java脚本或jquery来获取html中任何视图的功能。