[英]jquery mobile events on android vs. iphone
我是jquery mobile的新手。 我的問題是我需要捕獲div上的vmousemove事件,因為我需要像在谷歌地圖上的svg圖像一樣拖動這個div中的圖像。
我在http://demo.baral.de/test/上有一個演示
我有3個設備: iphone iOS5 , 三星選項卡上的Android 3.2和HTC欲望的Android 2.2.2 。 當我“盤旋”在綠色div上時,我認為當我的手指觸摸顯示屏上的移動時會有很多“vmousemove”。
iphone開火了:
這似乎對我來說是完美的
Android 3.2開火:
Android 2.2.2觸發:
在我完成移動並且我的手指離開顯示器后它會發射
這對於jquery mobile來說是“正常的”嗎? 一個錯誤或只是錯誤的代碼?
謝謝!
編碼:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" data-position="fixed" id="wrapper">
<div id="test" style="width: 200px; height: 200px; background-color: green"></div>
<div id="footer" style="border: 1px solid black; width: 200px;">
<ul></ul>
</div>
</div>
<script type="text/javascript">
$("#wrapper").live('pageinit', function() {
$("#test").bind('vmouseover vmousedown vmousemove vmouseup vclick vmousecancel', function (event) {
$('#footer ul').append("<li>"+event.type+"</li>");
});
});
</script>
</body>
這不是jquery-mobile的錯誤,當你想要在鼠標移動時實現某些東西時,無論如何你都可以這樣做,因為它會被觸發一次。 它可能是設計上的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.