Question

我在android手机中执行以下片段，我能够看到我的网页表单，但是jquery片段无法正常工作。

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }

}

Jquery Snippet

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" rel="stylesheet" />
<!-- NOTE: Script load order is significant! -->
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.flipbox.min.js"></script>
<script type="text/javascript">
$(document).ready(function () // Call function when page is ready for load..
{
    alert("Step 1");
});
</script>
</head>
<body>
<div data-role="page">
  <div data-role="header"data-position="fixed" >
    <h1>My Income</h1>
  </div>
  <div data-role="content">
    <form id="myincome" data-ajax="true">
      <table data-role="table" data-mode="columntoggle">
        <tr>
          <th>CUSTOMER NAME</th>
          <th><input type="text" name="txt_cust_name" id ="txt_cust_name"/></th>
        </tr>
        <tr>
          <th colspan="2"><input type="button" value="Save Changes" id="save_me" /></th>
        </tr>
      </table>
    </form>
  </div>
  <div data-role="footer" data-position="fixed">
    <p>Footer</p>
  </div>
</div>
</body>
</html>

未显示java脚本警报。

Answer 1

使用

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() 
   {
    alert("Step 1");
    }

并阅读了解如何在jquery mobile中加载页面这是一个例子

http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

查看代码或获取理论的权利

http://api.jquerymobile.com/loader/

一切顺利

在android中，jquery移动警报消息不显示

1 个答案: