0

我在 android mobile 中执行下面的代码段，我可以看到我的 web 表单，但是 jquery 代码段不起作用。

public class MainActivity extends DroidGap {

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

}

jQuery 代码段

   <!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 脚本警报。

4

1 回答 1

0

利用

    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/

一切顺利

于 2013-11-19T23:13:35.803 回答