触摸事件会溢出到下一页?

时间:2011-12-14 19:03:35

标签: jquery cordova touch

我有一个奇怪的问题,这可能是我不知道的非常愚蠢的事情,我会试着解释,希望有人可以提供帮助。我正在使用iOS 5在iPad上进行测试。

我有page1.htmlpage2.html。在page1我有一个单击的元素,它运行一个JS函数,它将我带到page2

<div id="occasion" ontouchend="test();"></div>

function test(){
    window.location.href="page2.html";
}
除了以下内容之外,

Page2是空的,告诉我是否发生了点击事件:

<div style="background-color:red;position:fixed;width:100%;height:100%;" onclick="pageTest();">test</div>

function pageTest(){         
    alert("hello");
}

所以当page2打开时,我会收到问候警告,因此上一页的touchevent会遗留一些内容吗?

Page1使用jQuery,PhoneGap和CSS文件。如果我将touchendtouchstart更改为onclick,一切正常吗?

有谁知道可能导致这种情况的原因,这真让我烦恼!

1 个答案:

答案 0 :(得分:1)

要调试此问题,我建议在第二页上记录event对象:

$('div:contains(test)').on('click', function (event) {
    console.log(event);
    //or if you don't have a console (GET A CONSOLE!) then you can alert the event type
    alert(event.type);
});

这将验证触发,触摸或其他事件。

请注意,.on()是jQuery 1.7中的新增内容,在这种情况下与.bind()相同。