jQuery Mobile&PhoneGap deviceReady()没有被解雇

前端之家收集整理的这篇文章主要介绍了jQuery Mobile&PhoneGap deviceReady()没有被解雇前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用PhoneGap 1.3.0创建一个新的 Android项目.和JqueryMobile.但问题是,如果我使用只有手机差距测试代码Phone Gap工作! DeviceReady函数被触发.请查看考试
  1. <head>
  2. <Meta charset="utf-8">
  3. <Meta name="viewport" content="width=device-width,initial-scale=1">
  4. <title>Test Page</title>
  5. <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.0.css" />
  6. <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
  7. <link rel="stylesheet" href="docsdemos-style-override.css" />
  8. <script type="text/javascript" src="jquery.mobile/jquery-1.6.4.min"></script>
  9. <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0.js"></script>
  10. <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
  11. <script type="text/javascript" charset="utf-8">
  12.  
  13.  
  14. var onDeviceReady = function() {
  15. document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
  16. };
  17.  
  18. function init() {
  19. document.addEventListener("deviceready",onDeviceReady,true);
  20. }
  21. </script>
  22. </head>
  23. <body >
  24.  
  25. <div data-role="page" id="konum" data-theme="a">
  26. <div data-role="header">
  27. <h1>Position</h1>
  28. </div>
  29. <div data-role="content">
  30. <p>APP will go here.</p>
  31. <p>
  32. <span id="devready">DeviceReady() Not Fired.</span>
  33. </p>
  34. </div>

但我想使用jQuery分页功能.结果是:Deviceready没有被解雇.问题是什么.如何使用PhoneGap javascript代码和jQuery库.

  1. <html>
  2. <head>
  3. <Meta charset="utf-8">
  4. <Meta name="viewport" content="width=device-width,initial-scale=1">
  5. <title>Test Page</title>
  6.  
  7. <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.0.css" />
  8. <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" />
  9. <link rel="stylesheet" href="docsdemos-style-override.css" />
  10. <script type="text/javascript" src="jquery.mobile/jquery-1.6.4.min"></script>
  11. <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0.js"></script>
  12. <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
  13. <script type="text/javascript" charset="utf-8">
  14.  
  15.  
  16. var onDeviceReady = function() {
  17. document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
  18. };
  19.  
  20. function init() {
  21. document.addEventListener("deviceready",true);
  22. }
  23. </script>
  24. </head>
  25. <body >
  26. <div data-role="page" id="home" data-theme="a">
  27.  
  28. <div data-role="header">
  29. <h1>Home</h1>
  30. </div>
  31.  
  32. <div data-role="content">
  33. <div data-role="content" id="twitList" >
  34. something will go here
  35. </div>
  36. </div>
  37. <div data-role="footer" data-id="foo1" data-position="fixed">
  38. <div data-role="navbar">
  39. <ul>
  40. <li><a href="#home" id="home" data-icon="custom">Home</a></li>
  41. <li><a href="#about" id="about" data-icon="custom">About</a></li>
  42. <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
  43. <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
  44. </ul>
  45. </div>
  46. </div>
  47. </div>
  48.  
  49. <!------page seperator -------->
  50.  
  51. <div data-role="page" id="about" data-theme="a">
  52.  
  53. <div data-role="header">
  54. <h1>About</h1>
  55. </div>
  56.  
  57. <div data-role="content">
  58. <p>Hoopp! <a href="#home">Back</a></p>
  59. </div>
  60. <div data-role="footer" data-id="foo1" data-position="fixed">
  61. <div data-role="navbar">
  62. <ul>
  63. <li><a href="#home" id="home" data-icon="custom">Home</a></li>
  64. <li><a href="#about" id="about" data-icon="custom">About</a></li>
  65. <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
  66. <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
  67. </ul>
  68. </div>
  69. </div>
  70. </div>
  71. <!------page seperator -------->
  72.  
  73.  
  74. <div data-role="page" id="konum" data-theme="a">
  75.  
  76. <div data-role="header">
  77. <h1>Position</h1>
  78. </div>
  79.  
  80. <div data-role="content">
  81.  
  82.  
  83. <p>APP will go here.</p>
  84. <p>
  85. <span id="devready">DeviceReady() Not Fired.</span>
  86. </p>
  87.  
  88. </div>
  89. <div data-role="footer" data-id="foo1" data-position="fixed">
  90. <div data-role="navbar">
  91. <ul>
  92. <li><a href="#home" id="home" data-icon="custom">Home</a></li>
  93. <li><a href="#about" id="about" data-icon="custom">About</a></li>
  94. <li><a href="#konum" id="konum" data-icon="custom">Position</a></li>
  95. <li><a href="#contact" id="contact" data-icon="custom">Contact</a></li>
  96. </ul>
  97. </div>
  98. </div>
  99. </div>
  100.  
  101. </body>

谢谢,

解决方法

你放置了document.addEventListener(“deviceready”,true);在init内部但从未实际调用它来进行初始化.因此,deviceready的监听器没有附加.尝试更改为:
  1. $(function() {
  2. document.addEventListener("deviceready",true);
  3. });

猜你在找的jQuery相关文章