簡體   English   中英

如果我添加jQuery mobile,則按鈕在iOS的Phonegap中不起作用

[英]Buttons dont work on iOS in Phonegap if I add jQuery mobile

我使用本機代碼和Phonegap 2.1構建了一個混合應用程序。 該應用程序具有4個Javascript屏幕。 最后一個Javascript屏幕具有一些按鈕,這些按鈕可通過使用Navigationcontroller打開本機編碼屏幕。 我使用了各種不同的jQuery Buttons和Javascript Buttons。 如果我不使用jQuery mobile,它會起作用。

但是,如果我將jQuery mobile文件包含到javascript文件中,則所有不同的按鈕將不再起作用。 奇怪的是,如果我刪除jQuery包括在第二JavaScript的屏幕和第三的javascript屏, jQuery在4 JavaScript的銀幕作品,很好看移動的按鈕,但第二個JavaScript的屏幕和第三JavaScript的屏幕沒有jQuery移動,現在看起來很爛。

似乎phonegap緩存了jQuery移動文件,這在html頁面中是不可能的。 我在javascript端有一個scrollview,但是我讀到,結合了scrollview的錯誤單擊按鈕是固定的,並且我在沒有滾動視圖的情況下對其進行了測試,並且存在相同的問題。 我還刪除了我擁有的子瀏覽器,但是也沒有結果。

我之前使用Phonegap 1.9對其進行了測試,但是在那里我遇到了同樣的問題。 我用幾種瀏覽器測試了它,並在其中正常工作。 感謝您的閱讀和幫助。 我現在有點絕望。

<!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 );
}

如果發生問題,則不會調用警報。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM