jQuery Mobile - Activer le défilement page de désactivation de glisser

Je suis actuellement en train de développer une application iOS à l'aide de phonegap 1,5 et jQuery Mobile.

Je comprends que l'on peut désactiver la page en faisant glisser à l'aide du code javascript suivant:

function preventBehavior(e)  
{ 
    e.preventDefault(); 
};

document.addEventListener("touchmove", preventBehavior, false);

Cependant, le contenu de défilement ne fonctionnerait pas si le ci-dessus est activée.

Est-il un moyen d'empêcher les utilisateurs de faire glisser la page mais permettent de faire défiler?

J'ai essayé d'utiliser iScroll. Pour cela j'aurais besoin de faire manuellement une

scrollbar.refresh();

en vertu de la pageinit événement sur chaque page. Malheureusement, j'ai beaucoup de pages qui nécessitent de défilement. =(

Existe-il d'autres méthodes que je peux utiliser pour activer le défilement sans l'aide de plugins 3ème partie?

OriginalL'auteur Belvia | 2012-03-13

  1. 5

    Ajouter à HTML tête

    <script type="text/javascript">
    touchMove = function(event) {
        event.preventDefault();
    }
</script>

    puis définissez 

    ontouchmove="touchMove(event)"

    dans le ultrapériphériques div pour chaque page que vous souhaitez désactiver les faisant glisser. Exemple:

    <div id="mypage" ontouchmove="touchMove(event)">

    Glisser sera possible pour les pages qui n'ont pas ontouchmove="touchMove(event)".

    Cette solution nécessite que vous ne comprennent pas la phonegap templete code pour fonction preventBehavior(). Supprimer ou mettre en commentaire:

    //function preventBehavior(e) 
//{ 
//   e.preventDefault();
//};
//document.addEventListener("touchmove", preventBehavior, false);

    Plus d'infos ici: http://phonegap.pbworks.com/w/page/16494815/Preventing-Scrolling-on-iPhone-Phonegap-Applications

    Semble être une bonne solution, mais quiconque a en fait été que cela fonctionne? Pas de chance pour moi.

    OriginalL'auteur HoffZ

  2. 2
    $(document).delegate('.ui-page', 'touchmove', false);

    C'est plus susceptibles de travailler, dépendra de ce que vous voulez que le tactile est désactivé.

    OriginalL'auteur Musk

  3. 1

    Je suis à l'aide de jQuery Mobile et le suivant (exécuté sur DOM ready) fonctionne pour moi:

    $('body').on('touchmove', function(e) {
    e.preventDefault();
});

    Noter que faux ou de retour d'appel électronique.stopPropagation() fera en sorte que les enfants de l'organisme de ne pas répondre aux "touchmove' événement. Peut-être que vous faites cela dans l'un de vos gestionnaires d'événements qui est en cours d'arrêt de remontée d'événements.

    OriginalL'auteur Jaffer