在開(kāi)發(fā)一個(gè)手機(jī)網(wǎng)站的時(shí)候,使用了jquerymobile的js,以便手機(jī)網(wǎng)站支持觸摸屏左右拖動(dòng)的事件處理,結(jié)果上述功能做好了,卻發(fā)現(xiàn)原有的click點(diǎn)擊事件統(tǒng)統(tǒng)都會(huì)被執(zhí)行兩次。代碼很簡(jiǎn)單,示例如下:<!DocType html><html><head><title>jquerymobile click triggered twice ?</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"> </head><body><h1>奇怪了???!</h1><p>Some content here.</p><p><img id="test" src="http://www.51roms.com/images/crazy.jpg" alt="Click me"></p><script src="http://code.jquery.com/jquery-1.8.2.min.js"></script><script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script><script>var i = 0;
$(document).bind('pageinit', function() {
$('#test').bind('click', function(e) { alert('clicked: ' + i);
i ++;
});
});</script></body></html>補(bǔ)充遇到問(wèn)題的環(huán)境系統(tǒng):windows XP 和 android 2.3瀏覽器:Firefox 最新版,android 2.3自帶的chrome用html5,引入jquery 1.8和jquerymobile 1.2.0
為什么原有的click點(diǎn)擊事件統(tǒng)統(tǒng)都會(huì)被執(zhí)行兩次?
30秒到達(dá)戰(zhàn)場(chǎng)
2023-04-15 17:13:13