Chcę utworzyć aplikację internetową (aby uniknąć konieczności indywidualnego programowania dla iPhone'a, Androida, BB itp.) I szukam efektu machnięcia. Czy istnieje kod HTML5 lub kod Webkit po prostu mówiąc "przesuń do następnej/poprzedniej strony"? (Wiem, że byłby to kod bardziej szczegółowy niż to, ale to jest sedno tego, czego chcę)Przesuwanie między stronami internetowymi dla aplikacji internetowej
możesz użyć div, aby przesunąć, ale nie całą stronę w przeglądarce internetowej. I, możesz tylko ładować strony w div po swipe affect i nie przenosi całej strony.
działa tylko w chrome, safari.
tutaj jest kod, jeśli używasz jquery mobile.
$('body').live('swipeleft swiperight',function(event){
if (event.type == "swiperight") {
alert("swipped right side");
}
if (event.type == "swipeleft") {
alert("swipped left side");
}
event.preventDefault();
});
odnoszą więcej tutaj swipe detection
@sree got me większość drogi tam, ale tutaj jest kod I skończył przy użyciu
<!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>
... a ja ściągnąłem jquery mobile kit i przechowywane pliki CSS/JS o tej samej strukturze pliku
Zrobiłem dla tego https://github.com/caktux/swipy. Chciałbym uzyskać opinie od innych twórców i być może zrobić to jako wtyczkę do "responsywnych stron internetowych jako webappów", jeśli jest zainteresowanie.
Dzięki @sree, to wygląda obiecująco, ale czy istnieje sposób na utworzenie łącza div do innej strony HTML? Tak naprawdę nie chcę mieć wszystkich treści na jednej stronie HTML i wolę przesuwać ze stron. Więc w zasadzie
można załadować na przesunięcie stron w dziale div, efekt będzie nadal taki sam, jak funkcja machnięcia, zamiast alarmu wpisz ten kod $ ("# result") .load ("page1.html"); – sree
Kocięta muszą cię kochać ... – DGund