按钮OnClick在移动设备上多次被触发

Question

我有一个包含菜单和内容区域的页面。我通过ajax动态地将内容加载到这个区域。

 <div id="content"  style="visibility: visible; overflow: hidden; top: 0px;"></div>

ajax调用如下所示。

  $('#content').load('content/contactform.html',function(){ ...some code...}

加载到内容框中的页面是一个使用onClick方法定义Button的表单

<div>
    <h2>Phone Numbers</h2>
    <div id="form">
    </div>
    <button id="addPhoneBtn"  onclick="alert('click')">Click Me</button>
</div>

通常它会添加一个新的输入字段，以允许用户输入更多的电话号码。但是为了进行测试，它只是打印一个警报。

当我现在点击移动设备（如iPad）上的该按钮时，该事件会被触发三次。我已经读过在触摸设备上没有鼠标事件。他们有触摸事件。

但奇怪的是，如果我将该页面直接复制到内容中，onClick事件只会被触发一次。我错过了什么吗？

更新：我使用Iscroll使div内的内容可滚动。

Answer 1

我发现了问题。我使用 iscroll-4 来实现触摸设备上的滚动。 删除此库并切换到dojo框架，解决了这个问题。