2012-02-21 47 views
1

我使用普通的HTML輸入類型按鈕與phonegap(android/eclipse)有奇怪的行爲。這是導致我頭痛的HTML:HTML輸入類型按鈕的值與PhoneGap一起顯示兩次

<!DOCTYPE HTML> 
<html> 
<head> 

<title>PhoneGap</title> 
<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> 
<script type="text/javascript" src="jquery/jquery-1.7.1.js"></script> 
<script type="text/javascript" src="jquery/jquery.mobile-1.0.1.js"></script> 

</head> 
<body> 
<h1>Hello World</h1> 
<form> 
<input type="button" value="Rest Call" onClick="restCall(); /> 
<button type="button" onClick="restCall();">Rest Call</button> 
</form> 

</body> 
</html> 

這樣做的結果是兩個按鈕的正確標籤/值,「休息呼叫」。但是,在兩個按鈕的左側也顯示了相同的文字。所以標籤/值顯示兩次。

我花了一些時間在這個現在,沒有找到解決方案。希望有人能幫忙。

乾杯, OMA

回答

-1

這兩個腳本之間有一些衝突,我得到了與TDeBailleul提到的相同的行爲。

我正在做一些ajax調用等需要jQuery-1.x.x.js的。所有關於如何使用jquery使用phonegap的說法也說明了這一點。

我現在發現我需要使用特定版本的jquery mobile(jquery.mobile-1.0a4.1.min.js),這很奇怪。謝謝你指點我正確的方向TDeBailleul。

0

爲什麼你不改變你的代碼:

<input type="button" value="Rest Call" name="hei" onClick="restCall();"/> 
+0

感謝您的關注。我現在編輯HTML來調用函數。我的問題仍然是按鈕的值/文本顯示兩次,雖然:-) – OMA 2012-02-21 01:23:13

3

我只是試圖創建一個有你的HTML中的PhoneGap 1.4.1項目。 我無法重現該問題,直到我說:

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

我認爲這是與特定的文件有問題,但後來我刪除

<script type="text/javascript" src="jquery/jquery.mobile-1.0.1.js"></script> 

它工作得很好。

所以我認爲這兩個文件之間有衝突。

我不是jQuery/jQMobile專家,但你確定你需要這兩個文件(特別是jQuery-1.7.1.js)嗎?