Einleitung ein touchend-Ereignis - jQuery Mobile

Bin ich mit jQuery mobile für meine Anwendung.

Ist es möglich, zu release eine Geste unter Verwendung von jQuery Mobile? Wenn ein Benutzer Finger, und ziehen Sie den Bildschirm - kann ich release diese Geste mit JavaScript, auch wenn er lässt seine finger auf den Bildschirm?

Beispielsweise ist es möglich, die release-Note verschieben nach 1000 ms, so dass die Veranstaltung endet, wie $(this).touchend(); (wie ich das tun konnte $(this).click();) ?

Edit:
Auf der anderen Seite, vielleicht hat ja jemand irgendeine andere Idee, wie man die Grenze touch /touchmove Zeit?

InformationsquelleAutor Yanipan | 2012-11-21

  1. 1

    Soetwas macht Arbeit?

    JS

    function bindEventTouch(element) {
    element.bind('tap taphold swipe swiperight swipeleft', function(event, ui) {
        console.log('Event: '+event.type); 

        if(event.type == 'taphold') {
            console.log('Was Event taphold?: '+event.type); 
            element.trigger('touchend');
        }
    });

    element.bind('touchend', function(event, ui) {
        console.log('Triggered touchend Event: '+event.type); 
    });
}

$('.displayEvent').each(function(){
    bindEventTouch($(this));
});​

    HTML

    <div data-role="page" id="home"> 
    <div data-role="content">
        <div id="display-event-1" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
        <br />
        <div id="display-event-2" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
        <br />
        <div id="display-event-3" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
    </div>
</div>​

    CSS

    .add-border {
    border-style:solid;
    border-width:1px;
    width:100%;   
    text-align:center;
}​
    Vielen Dank für die super-ausführliche explination - ich bin ein bisschen neu auf jsFiddle - ich habe versucht, öffnen Sie die URL mit meinem iPhone, aber keine Ereignisse gefeuert, wenn ich versuchte, Tippen Sie auf die Elemente, mache ich etwas falsch?
    OK hab es 🙂 - keine Konsole.log auf dem iPhone. Werde ich ändern, zu warnen... Danke!
    Sie können die Konsole developer.apple.com/library/ios/#documentation/...

    InformationsquelleAutor Phill Pafford

  2. 5

    Können Sie alle trigger-Ereignis durch den Aufruf $(this).trigger(eventName)
    Finden Sie die jQuery docs auf diese Methode.

    Deinem Fall wäre: $(this).trigger('touchend');

    Wenn Sie möchten, dass ein Ereignis, das ausgelöst wird, nach 1000ms eine Berührung, vielleicht betrachten Sie die taphold Veranstaltung von jQM? Sie können die Verzögerung durch Einstellung $.event.special.tap.tapholdThreshold.

    InformationsquelleAutor Alejo

Schreibe einen Kommentar