Web アプリケーションを作成したい (iPhone、Android、BB などで個別にプログラムする必要がないようにするため)、スワイプ効果を探しています。「次/前のページにスワイプする」という単純な HTML5 または Webkit コードはありますか? (それよりも詳細なコードになることはわかっていますが、それが私が望むものの要点です)
15126 次
3 に答える
6
divを使用してスワイプすることはできますが、Webブラウザでページ全体をスワイプすることはできません。つまり、スワイプが影響した後にのみdivにページをロードでき、ページ全体を移動することはできません。
chrome、safariでのみ動作します。
jquerymobileを使用している場合のコードは次のとおりです。
$('body').live('swipeleft swiperight',function(event){
if (event.type == "swiperight") {
alert("swipped right side");
}
if (event.type == "swipeleft") {
alert("swipped left side");
}
event.preventDefault();
});
詳細はこちらスワイプ検出
于 2012-05-02T14:10:35.343 に答える
3
@sree はほとんどの方法で私をそこに連れて行きましたが、これが私が最終的に使用したコードです
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile: Demos and Documentation</title>
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
<script src="js/jquery.js"></script>
<script src="docs/_assets/js/jqm-docs.js"></script>
<script src="js/jquery.mobile-1.1.0.js"></script>
</head>
<body>
<p>random page to test on</p>
<p>Swipe1 </p>
<script type="text/javascript">
$('body').live('swipeleft swiperight',function(event){
if (event.type == "swiperight") {
jQuery.mobile.changePage("page2.html",{transition:'slide'});
}
if (event.type == "swipeleft") {
jQuery.mobile.changePage("page1.html",{transition:'slide'});
}
event.preventDefault();
});
</script>
</body>
</html>
...そして、jquery モバイル キットをダウンロードし、同じファイル構造の CSS/JS ファイルを保持しました。
于 2012-05-07T01:04:24.353 に答える
0
このためだけにhttps://github.com/caktux/swipyを作成しました。他の開発者からフィードバックを得て、興味があれば「Web アプリケーションとしてのレスポンシブ Web サイト」の頼りになるプラグインにしたいと考えています。
于 2013-10-13T02:54:50.257 に答える