2012-10-08 26 views
0

我使用本機代碼和Phonegap 2.1構建一個混合應用程序。該應用程序有4個Javascript屏幕。最後一個Javascript屏幕具有按鈕,可以使用導航控制器打開本機編碼的屏幕。我使用了jQuery各種不同類型的按鈕和Javascript按鈕。它工作,如果我不使用jQuery手機。按鈕不工作在Phonegap的iOS上,如果我添加jQuery移動

但是,如果我將jQuery手機文件包含到JavaScript文件中,所有不同的按鈕將不再工作。奇怪的是,如果我刪除jQuery包括在第二個JavaScript屏幕和第三個JavaScript屏幕中,jQuery第4個JavaScript屏幕中的移動按鈕的工作和看起來不錯,但第二個JavaScript屏幕和第三個JavaScript屏幕沒有jQuery移動和看現在糟透了。

看來phonegap緩存jQuery移動文件,什麼不應該是可能的HTML頁面。我在javascript方面有一個滾動視圖,但我讀過,與scrollview結合的bug單擊按鈕已修復,我測試它沒有滾動視圖,並具有相同的問題。我也刪除了我的孩子,但也沒有結果。

我之前用Phonegap 1.9測試過它,但在那裏我遇到了同樣的問題。我用幾個瀏覽器測試過它,它工作正常。感謝您的閱讀並感謝您的幫助。我現在有點絕望了。

+2

一個提示,嘗試組織你的段落,否則一個打開它,只是忽略 – RollRoll

+0

你可以發佈一些代碼。包含jQuery Mobile的時候是否包含了css? – jsweazy

回答

0
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" title="reset"/> 
<link rel="stylesheet" id="layout" href="css/tiles.css" type="text/css" media="screen" title="reset" /> 
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="reset" /> 

<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script> 
<script src="js/storage.js" type="text/javascript"></script> 

<link rel="stylesheet" href="js/jm/jquery.mobile-1.2.0.min.css" /> 
<script src="js/jm/jquery.mobile-1.2.0.min.js"></script>` 

這裏是第二個屏幕的標題。我將所有標題組織在一起。如果我刪除最後一行,包含jquery.mobile.js,那麼後面打開2個屏幕的html頁面中的按鈕就可以工作。
這樣,我觸發我的按鈕

<a data-role="button" href="javascript:callNativePlugin();" value="Go to Player jQuery Button" data-theme="x" class="btnClose">Go to Player jQuery Button</a> 

但使用的幾種組合調用函數並沒有什麼工作。
這樣,我調用本機功能:

function callNativePlugin() 
{ 
var returnSuccess = "success"; 
alert('call Native Function'); 
HelloPlugin.callNativeFunction(nativePluginResultHandler, nativePluginErrorHandler, returnSuccess); 
} 

function nativePluginResultHandler (result) 
{ 
alert("SUCCESS: \r\n"+result); 
} 

function nativePluginErrorHandler (error) 
{ 
alert("ERROR: \r\n"+error); 
} 

警告,如果問題發生不叫。

相關問題