使用 PhoneGap 显示两次 HTML 输入类型按钮的值答案

【问题标题】：Value of HTML input type button shown twice with PhoneGap使用 PhoneGap 显示两次 HTML 输入类型按钮的值
【发布时间】：2012-02-21 00:58:08
【问题描述】：

我在使用带有 phonegap (android/eclipse) 的常规 HTML 输入类型按钮时出现了奇怪的行为。这是让我头疼的 HTML：

<!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>

这样做的结果是两个具有正确标签/值的按钮，“Rest Call”。但是，在两个按钮的左侧也显示了相同的文本。所以标签/值会显示两次。

我现在花了一些时间，但没有找到解决方案。希望有人能帮忙。

干杯，奥玛

【问题讨论】：

标签： android html button cordova

【解决方案1】：

我刚刚尝试使用您的 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）吗？

【讨论】：

【解决方案2】：

你为什么不把你的代码改成：

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

【讨论】：

感谢您的关注。我现在编辑了 HTML 以调用该函数。我的问题仍然是按钮的值/文本显示两次:-)

【解决方案3】：

两个脚本之间存在一些冲突，我得到了与 TDeBailleul 提到的相同的行为。

我正在做一些需要 jQuery-1.x.x.js 的 ajax 调用等。在 jquery 中使用 phonegap 的所有操作方法也都说要这样做。

我现在发现我需要使用特定版本的 jquery mobile (jquery.mobile-1.0a4.1.min.js)，这很奇怪。感谢您为我指明正确的方向 TDeBailleul。

【讨论】：