Question

我正在eclipse中使用phonegap为android开发应用程序。我在assets-＆gt; jquery.mobile文件夹中创建了文件夹结构我已经放置了jquery库文件jquery.mobile-1.0rc2.min.js etc.and assets-＆gt; www文件夹放html文件。我在html中包含了jquery库文件

<script type="text/javascript" src="jquery.mobile/jquery-1.6.4.min"></script>
  <script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
   <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0rc2.min.js"></script>

在html文件中我编写了代码

<script type="text/javascript">
$( function() { 
$('body').bind( 'taphold', function( e ) { 
alert( 'You tapped and held!' ); 
e.stopImmediatePropagation(); 
return false; 
} ); 
$('body').bind( 'swipe', function( e ) { 
alert( 'You swiped!' ); 
e.stopImmediatePropagation(); 
return false; 
} );
} );

我已经添加了phonegap jar并将插件xml文件放在xml文件夹中，任何人都可以告诉有什么问题解决它吗？

由于

Answer 1

你错过了<\script>

以下index.html为我成功运行。（注意，我正在使用phonegap-1.3.0和jquery-mobile-1.0运行，但我希望旧版本能够正常运行此程序。）

    <!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>PhoneGap Demo With JQuery Mobile</title>
      <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.0.css" type="text/css"/>
      <link rel="stylesheet" href="pgandjqm-style-override.css" type="text/css"/>
      <script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery-1.6.4.min"></script>
      <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
      <script type="text/javascript" charset="utf-8" src="jquery.mobile/jquery.mobile-1.0.js"></script>

<script type="text/javascript">
$( function() { 
$('body').bind( 'taphold', function( e ) { 
alert( 'You tapped and held!' ); 
e.stopImmediatePropagation(); 
return false; 
} ); 
$('body').bind( 'swipe', function( e ) { 
alert( 'You swiped!' ); 
e.stopImmediatePropagation(); 
return false; 
} );
} ); 
</script>
    </head>
  <body >
  </body>

Answer 2

首先，参考文件的版本太旧了。请更新它们。最新：phonegap-＆gt; 2.4，jquery-＆gt; 1.9.1，jqm-＆gt; 1.3。其次，您需要检查您的phonegap项目是否以正确的方式创建。您下载的最新手机屏幕将有一个完美配置的测试项目。您还可以使用官方命令行方式使用标准模板创建项目。第三，您可以使用'ondeviceready'事件来绑定您的测试函数。如果它不起作用，您的phonegap配置必定是错误的，您需要再次检查。

js事件没有触发使用jquery mobile和phonegap for android

2 个答案: