javascript - 为什么我的 Phonegap 按钮没有响应

Question

我在我的应用程序中使用这样的 phonegap，还要注意该应用程序的样式由 jquery mobile 设计，

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>

我有这个 html，

<div id="sync" data-role="page">
    <div data-role="header" data-position="inline">
        <a data-rel="back" data-icon="back">Back</a>
        <h1>Sync</h1>
    </div>
    <div data-role="content">
        <button onclick="sync()">Sync</a></button>
    </div>  
</div>

我已经为 Android 编译了它并让它在我的 Android 手机上运行。

但是那里称为“同步”的按钮并不总是有响应。我单击按钮，但每次都不会调用 sync() 方法。我发现自己多次点击按钮。单击按钮时我可以看到按钮在移动，它通过将绘图本身插入来响应，但未调用同步方法。

同步方法是这样开始的，

function sync()
{
    alert("syncing");
    $.mobile.loadingMessage = "syncing";
    $.mobile.showPageLoadingMsg();

出于调试目的，我放入了警报。

更新:

有人指出我的 HTML 中有一个额外的标签。我已将其删除，但问题仍然存在，

<div data-role="content">
    <button onclick="sync()">Sync</button>
</div> 

Answer 1

我在我的应用程序中遇到了类似的问题。我尝试了两种不同的方法，但我不确定是什么修复了它。

1. 我在脚本标签中添加了 charset="utf-8"。

2. 我将按钮点击功能移到了它自己的脚本标签中。我认为其他 JavaScript block 中存在错误，导致按钮单击功能在该脚本 block 中无法正常工作。因此，您可以尝试隔离按钮单击 JavaScript，看看是否有帮助。