не работает функция смахивания, используя jquerymobile и phonegap для Android - PullRequest
Новая
       24

не работает функция смахивания, используя jquerymobile и phonegap для Android

2 голосов
/ 25 января 2012

Я новичок в phonegap. Я создаю приложение в eclipse, используя phonegap для android. Я добавил phone gap.jar и плагин в папку xml. Я также добавил библиотеку jquery и phonegap1.1.0 js.я пытаюсь реализовать функцию перелистывания для перехода от одной страницы к другой, но она не работает. Кто-нибудь может сказать, как решить проблему?

В своей деятельности я звоню по адресу inst.html Это мой index.html 

<html>
    <head>
        <title>sample check</title>
        <link rel="stylesheet" href="www/jquery.mobile/jquery.mobile-1.0rc2.min.css" type="text/css" charset="utf-8" />

        <script type="text/javascript" src="js/fnswipe.js"></script>
        <script type="text/javascript" src="www/jquery.mobile/jquery-1.6.4.min"></script>
        <script type="text/javascript" src="www/jquery.mobile/jquery.mobile-1.0rc2.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
    </head>
    <body>
        <div data-role="page" id="home">  
            <div data-role="content"> 
                <p> 
                    <ul data-role="listview" data-inset="true" data-theme="c"> 
                        <li id="listitem">Swipe Right to smple check page</li> 
                    </ul> 
                </p> 
            </div> 
        </div> 
    </body>
</html>

Это мой js-файл, включенный 

$("#listitem").swiperight(function() { 
    $.mobile.changePage("file:///android_asset/www/samplecheck.html"); 
});

Спасибо за помощь

Ответы [ 4 ]

3 голосов
/ 04 октября 2013

У меня была такая же проблема, все события смахивания работали, кроме Android. Чтобы решить эту проблему, я должен был установить пороговые значения для событий Swipe. Вы можете установить их непосредственно перед вызовом событий смахивания в файле JS. Для достижения наилучших результатов у меня установлено: 

$.event.special.swipe.scrollSupressionThreshold = 10; // More than this horizontal displacement, and we will suppress scrolling.
$.event.special.swipe.horizontalDistanceThreshold = 30; // Swipe horizontal displacement must be more than this.
$.event.special.swipe.durationThreshold = 500;  // More time than this, and it isn't a swipe.
$.event.special.swipe.verticalDistanceThreshold = 75; // Swipe vertical displacement must be less than this.

Этот ответ мне очень помог: swipeleft / swiperight, запущенный во время вертикальной прокрутки в jquery mobile

А также документация: События -> События касания -> Размах

Надеюсь, это поможет !!

1 голос
/ 05 февраля 2014

Попробуйте код, подобный этому, и посмотрите, поможет ли он в любом случае. 

function( event ) {
  var data = event.originalEvent.touches ?
      event.originalEvent.touches[ 0 ] : event;
  return {
      time: ( new Date() ).getTime(),
      coords: [ data.pageX, data.pageY ],
      origin: $( event.target )
    };
}
)

And the when the swipe stops (

function( event ) {
  var data = event.originalEvent.touches ?
      event.originalEvent.touches[ 0 ] : event;
  return {
      time: ( new Date() ).getTime(),
      coords: [ data.pageX, data.pageY ]
    };
}
)

This method receives the start and stop objects and handles the logic for and triggering for the swipe events.

(

function( start, stop ) {
  if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
    Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
    Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {

    start.origin.trigger( "swipe" )
      .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
  }
}
)

HTMl code (

<script>
$(function(){
  // Bind the swipeHandler callback function to the swipe event on div.box
  $( "div.box" ).on( "swipe", swipeHandler );

  // Callback function references the event target and adds the 'swipe' class to it
  function swipeHandler( event ){
    $( event.target ).addClass( "swipe" );
  }
});
</script>
0 голосов
/ 04 июня 2013

Я использую jquery mobile 1.2.0, чтобы пролистать страницу.Эта функция не зависит от phonegap или cordova.Это мой рабочий код.Надеюсь, это поможет вам: 

$(document).bind("pageinit", function(event) {
    $('#page').unbind("swipeleft");
    $("#next").unbind("swiperight");

     $("#page").bind("swipeleft",function(event) {
        $.mobile.changePage('next.html',  {
            transition : "slide"
        });
     });

     $("#next").bind("swiperight",function(event) {
        $.mobile.changePage('index.html', {
            transition : "slide",
            reverse : true  
        });
     });
});
0 голосов
/ 11 апреля 2013

Вы можете попробовать это 

$("#listitem").on("swiperight", function() { 
    $.mobile.changePage("file:///android_asset/www/samplecheck.html"); 
});
...